#225bb2.trans-scale .i {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}
.trans-liro {
    position: relative;
    overflow: hidden
}
.nei {
    display: flex;
}
.neizuo {
    float: left;
}
.trans-liro::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}
.scroll-cont table, .scroll-cont tbody {
    width: 100%;
}
.scroll-cont table tr {
}
.scroll-cont table th {
    white-space: nowrap;
}
.scroll-cont table td {
    padding-left: 5px;
}
.scroll-cont table p {
    margin-top: 8px;
    text-indent: 2em;
}
@-webkit-keyframes animat-shake {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25%, 75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
@keyframes animat-shake {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25%, 75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
@-webkit-keyframes animat-round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes animat-round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes animat-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
@keyframes animat-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
@media screen and (min-width: 769px) {
    .trans-scale:hover .i {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    .trans-liro:hover::before {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .animat-shake:hover {
        -webkit-animation: animat-shake .5s;
        animation: animat-shake .5s
    }
    .animat-round::before {
        -webkit-animation: animat-round 5s linear infinite;
        animation: animat-round 5s linear infinite
    }
    .animat-steps::before {
        -webkit-animation: animat-round 2s steps(12, end) infinite;
        animation: animat-round 2s steps(12, end) infinite
    }
}
@font-face {
    font-family: "avian";
    src: url("../font/avian.eot");
    src: url("../font/avian.eot?#iefix") format("embedded-opentype"), url("../font/avian.woff") format("woff"), url("../font/avian.ttf") format("truetype"), url("../font/avian.svg#avian") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "xfont";
    src: url("../font/xfont.eot");
    src: url("../font/xfont.eot?#iefix") format("embedded-opentype"), url("../font/xfont.woff") format("woff"), url("../font/xfont.ttf") format("truetype"), url("../font/xfont.svg#xfont") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto.eot");
    src: url("../font/Roboto.eot?#iefix") format("embedded-opentype"), url("../font/Roboto.woff") format("woff"), url("../font/Roboto.ttf") format("truetype"), url("../font/Roboto.svg#Roboto") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Arial-Black";
    src: url("../font/Arial-Black.eot");
    src: url("../font/Arial-Black.eot?#iefix") format("embedded-opentype"), url("../font/Arial-Black.woff") format("woff"), url("../font/Arial-Black.ttf") format("truetype"), url("../font/Arial-Black.svg#Arial-Black") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Product-Sans";
    src: url("../font/Product-Sans.eot");
    src: url("../font/Product-Sans.eot?#iefix") format("embedded-opentype"), url("../font/Product-Sans.woff") format("woff"), url("../font/Product-Sans.ttf") format("truetype"), url("../font/Product-Sans.svg#Product-Sans") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "SiYuanHeiTiJiuZiXing-Regular";
    src: url("../font/SiYuanHeiTiJiuZiXing-Regular.eot");
    src: url("../font/SiYuanHeiTiJiuZiXing-Regular.eot?#iefix") format("embedded-opentype"), url("../font/SiYuanHeiTiJiuZiXing-Regular.woff") format("woff"), url("../font/SiYuanHeiTiJiuZiXing-Regular.ttf") format("truetype"), url("../font/SiYuanHeiTiJiuZiXing-Regular.svg#SiYuanHeiTiJiuZiXing-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
}
html, body, div, span, p, a, table, tr, th, td, img, iframe, form, input, button, select, textarea {
    margin: 0;
    padding: 0
}
body {
    margin: auto;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #fff
}
input, button, textarea, select {
    outline: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit
}
input, textarea, select {
    min-height: 1.5em
}
input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
textarea {
    overflow: auto;
    resize: none
}
table {
    border-collapse: collapse;
    border: 0
}
img {
    border: 0;
    outline: 0;
    vertical-align: middle
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}
:focus {
    outline: 0
}
svg:not(:root) {
    overflow: hidden
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0
}
input[type=date] {
    background-color: transparent;
    border: 0;
    filter: 'alpha(opacity=0)'
}
input:focus, textarea:focus {
    color: inherit
}
input::-ms-clear, ::-ms-reveal {
    display: none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #909090;
    opacity: 1
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #909090;
    opacity: 1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #909090;
    opacity: 1
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #909090;
    opacity: 1
}
input::placeholder, textarea::placeholder {
    color: #909090;
    opacity: 1
}
.placeholder {
    color: #909090
}
.init-screen {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: .01s;
    transition-delay: .01s
}
.lock-screen {
    overflow: hidden
}
.xfont, .xicon {
    position: relative;
    -webkit-transition-property: color, background;
    transition-property: color, background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.xfont::before, .xicon::before {
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}
.xicon {
    width: 30px;
    height: 30px;
    cursor: pointer
}
.xicon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.icon-left::before {
    content: '\e504'
}
.icon-right::before {
    content: '\e505'
}
.icon-up::before {
    content: '\e506'
}
.icon-down::before {
    content: '\e507'
}
.icon-search::before {
    content: '\e510'
}
.icon-close::before {
    content: '\e508'
}
.icon-menu::before {
    content: '\e511'
}
.icon-load {
    -webkit-animation: animat-round 2s steps(12, end) infinite;
    animation: animat-round 2s steps(12, end) infinite
}
.icon-load::before {
    content: '\e512'
}
.icon-media-start::before {
    content: '\e520'
}
.icon-media-play::before {
    content: '\e521'
}
.icon-media-pause::before {
    content: '\e522'
}
.icon-media-buffer {
    -webkit-animation: animat-round 5s linear infinite;
    animation: animat-round 5s linear infinite
}
.icon-media-buffer::before {
    content: '\e513'
}
.icon-media-prev::before {
    content: '\e523'
}
.icon-media-next::before {
    content: '\e524'
}
.icon-media-volume::before {
    content: '\e52c'
}
.icon-media-muted::before {
    content: '\e52d'
}
.clear::after, .nav-box::after, .tools-mod::after, .paging-box::after, .slick-track::after, .share-box::after {
    content: '';
    display: table;
    clear: both
}
.fl {
    float: left
}
.fr {
    float: right
}
.pos-fix {
    position: fixed !important;
    left: 0;
    top: 0
}
.pos-abs {
    position: absolute !important;
    left: 0;
    top: 0
}
.mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.tac {
    text-align: center;
    font-size: 40px;
    line-height: 1.2
}
@media screen and (max-width: 1280px) {
    .tac {
        font-size: 26px
    }
    .scroll-cont table tr {
        display: grid;
    }
    .scroll-cont table td, .scroll-cont table th {
        border: none !important;
    }
}
.des {
    line-height: 1.8
}
body:not(.lang-en) .des {
    text-align: justify;
    text-justify: inter-ideograph
}
.more {
    width: 209px;
    text-align: center;
    padding: 12px 0;
    background-color: #fe6a00;
    color: #fff;
    margin: 60px auto 0
}
.more:hover {
    opacity: 0.8
}
[data-object-fit="cover"], [object-fit="cover"] {
    -o-object-fit: cover;
    object-fit: cover
}
[data-object-fit="contain"], [object-fit="contain"] {
    -o-object-fit: contain;
    object-fit: contain
}
[data-object-fit="scale-down"], [object-fit="scale-down"] {
    -o-object-fit: scale-down;
    object-fit: scale-down
}
.x-layout {
    position: relative;
    margin: auto;
    width: 100%;
    min-width: 1250px;
    max-width: 1920px;
    overflow: hidden
}
.x-header, .x-footer, .x-container {
    position: relative;
    width: 100%;
    z-index: 1
}
.x-wrap {
    position: relative;
    margin: auto;
    width: 1230px;
    height: 100%
}
.x-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.x-visible {
    opacity: 1;
    visibility: visible
}
.x-table {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse
}
.x-cell, .x-nano {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}
.x-cell {
    padding: 0 1em;
    width: 100%
}
.x-nano {
    width: 1%
}
.currency {
    background: url(../images/biomice1.png) no-repeat right bottom
}
.currency .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.currency .title {
    margin-bottom: 20px
}
.title {
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    width: 100%
}
@media screen and (max-width: 1280px) {
    .title {
        font-size: 26px
    }
}
.bread-mod {
    /* padding-top: 35px; */
}
.x-container {
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}
.x-cont {
    background: #fff url(../images/back.png) no-repeat bottom center
}
.pt {
    padding-top: 70px
}
.pb {
    padding-bottom: 140px
}
.pd {
    padding: 10px 0 60px;
}
a.a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}
.box_l {
    position: relative;
    width: 205px;
    margin-right: 41px
}
.nav_left.navFix {
    position: fixed;
    top: 0;
    width: 225px;
}
.nav_left {
    width: 225px;
    position: relative
}
.nav_left .tit {
    background-color: #225bb2;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #fff
}
@media screen and (max-width: 1280px) {
    .nav_left .tit {
        font-size: 18px
    }
}
.nav_left .li {
    background-color: #225bb2;
    font-size: 18px;
    color: #fff
}
@media screen and (max-width: 1280px) {
    .nav_left .li {
        font-size: 16px
    }
}
.nav_left .menu {
    background-color: #d5e2ff;
    font-size: 16px;
    color: #666;
    display: none
}
.nav_left .act {
    color: #225bb2
}
.nav_left .link {
    position: relative;
    padding: 11px 20px
}
.nav_left .link a {
    display: block;
    padding-right: 25px
}
.nav_left .link::after {
    border-bottom: 1px dashed #fff;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: calc(100% - 40px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.nav_left .icon {
    position: absolute;
    right: 39px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #fe6a00
}
.nav_left .li:last-child .link::after {
    display: none
}
.nav_left .cur .icon {
    border-bottom: 10px solid #225bb2;
    border-top: 0
}
.nav_left .cur .link {
    background-color: #fe6a00
}
.nav_left .cur .link::after {
    display: none
}
.nav_left .cur .link::before {
    width: 20px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: -19px;
    top: 0;
    background: url(../images/icon_li.png) no-repeat center center/contain
}
.nav_left .cur .menu {
    display: block;
    padding: 7px 20px
}
.nav_left .cur .menu a {
    line-height: 1.375;
    display: block;
    padding: 5px 0
}
.nav_left .cur .menu .menu {
    padding: 7px 15px
}
.nav_left .ln .link::after {
    display: none
}
#newBridge .icon-right-center {
    top: 66% !important
}
@media screen and (min-width: 769px) {
    *.m-show {
        display: none
    }
    .lock-screen {
        margin-right: 17px
    }
    .lock-screen.full-screen {
        margin-right: 0
    }
    .nav_left .item:hover {
        color: #fe6a00
    }
}
@media screen and (max-width: 1280px) {
    body {
        -webkit-overflow-scrolling: touch
    }
    *.p-show {
        display: none
    }
    .lock-screen {
        right: 0
    }
    .lock-screen .x-container .vd-adr {
        display: none !important
    }
    .menu-screen {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
    .currency .title {
        margin-bottom: 20px
    }
    .currency {
        margin-top: 20px;
        width: 100%
    }
    .x-layout {
        min-width: 320px
    }
    .x-wrap {
        padding: 0 10px;
        width: 100%
    }
    .pt {
        padding-top: 30px
    }
    .pb {
        padding-bottom: 60px
    }
    .pd {
        padding: 30px 0 60px
    }
    .x-cont {
        background-size: 100%
    }
    .bread-mod {
        padding-top: 15px
    }
    .box_l {
        width: 100%;
        margin-right: 0;
        display: none;
        height: auto !important;
    }
    .nav_left {
        width: calc(100% - 20px) !important;
        margin-right: 0;
        -webkit-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
        position: relative !important
    }
    .nav_left .link {
        min-height: 50px
    }
}
.x-header {
    z-index: 2
}
.x-header .logo {
    position: relative;
    overflow: hidden
}
.x-header .logo::before {
    content: '';
    display: block;
    padding-top: 30%
}
.x-header .logo .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 160px;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.x-header .lg a.now {
    border-bottom: 2px solid #fe6a00;
    position: relative;
    line-height: 35px
}
@media screen and (min-width: 769px) {
    .x-header {
        height: 84px;
        padding-top: 20px
    }
    .x-header .nav-item:nth-child(5) .list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .x-header .list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .x-header .list .li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
    .x-header .list .li2 .p {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .x-header .list .li2 .p .h {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
    .x-header .list .tit {
        font-size: 20px;
        color: #225bb2;
        padding-bottom: 12px
    }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
    .x-header .list .tit {
        font-size: 18px
    }
}
@media screen and (min-width: 1281px) {
    .x-header .list .tit a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .x-header .list .tit.cur {
        color: #fe6a00
    }
    .x-header .list .tit:hover {
        color: #fe6a00
    }
    .x-header .list .tit .icon {
        background: url(../images/icon1.png) no-repeat left center;
        width: 15px;
        height: 19px;
        margin-right: 10px;
        margin-top: 7px
    }
    .x-header .list .tit span {
        display: block;
        width: calc(100% - 25px);
        text-align: left
    }
    .x-header .list .h {
        font-size: 16px;
        color: #909090;
        padding-bottom: 10px;
        position: relative;
        text-align: left;
        padding-left: 48px
    }
    .x-header .list .h a {
        font-size: 16px
    }
    .x-header .list .h.cur {
        color: #fe6a00
    }
    .x-header .list .h:hover {
        color: #fe6a00
    }
    .x-header .list .h::after {
        content: "";
        position: absolute;
        display: block;
        width: 12px;
        height: 12px;
        top: 7px;
        left: 24px;
        background: url(../images/icon2.png) no-repeat center center
    }
    .x-header .list .h .t {
        color: #909090;
        font-size: 16px;
        margin-top: 10px;
        position: relative;
        padding-left: 0px
    }
    .x-header .list .h .t::after {
        content: "";
        position: absolute;
        display: block;
        width: 12px;
        height: 2px;
        left: -24px;
        top: 11px;
        background: #fe6a00
    }
    .x-header .list .t.cur {
        color: #fe6a00
    }
    .x-header .list .t:hover {
        color: #fe6a00
    }
    .x-header .list .t:hover .t1 {
        color: #909090
    }
    .x-header .list .t1 {
        position: relative;
        padding-left: 0px;
        padding-top: 10px
    }
    .x-header .list .t1::after {
        content: "";
        position: absolute;
        display: block;
        width: 2px;
        height: 3px;
        left: -18px;
        top: 22px;
        background: #fe6a00
    }
    .x-header .list .right {
        padding-right: 22px
    }
    .x-header .list .txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .x-header .list .arr1 {
        display: none
    }
    .x-header .list .arr2 {
        display: none
    }
    .x-header .list .arr3 {
        display: none
    }
    .x-header .list.list3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 585px
    }
    .x-header .list.list3 .li {
        width: calc(100% - 830px);
        margin-left: 10px
    }
    .x-header .list.list3 .li:first-child {
        width: 215px;
        height: 100%;
        margin-left: 0
    }
    .x-header .list.list3 .li:nth-child(2) {
        width: 815px;
        height: 100%;
        margin-left: 10px
    }
    .x-header .list.list3 .li:nth-child(2) .p {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        height: calc(100% - 44px)
    }
    .x-header .list.list3 .li:nth-child(2) .p .h {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
    .x-header::before {
        width: calc(50% - 171px);
        height: 64px;
        display: block;
        position: absolute;
        left: 0;
        top: 20px;
        content: "";
        background: #225bb2 url(../images/header1.jpg) no-repeat top right
    }
    .x-header::after {
        width: calc(50% - 171px);
        height: 64px;
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
        content: "";
        background: #225bb2 url(../images/header2.jpg) no-repeat top left;
        z-index: -1
    }
    .x-header .x-wrap {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .x-header .menu-mod {
        z-index: 2;
        width: 250px;
        position: absolute;
        top: 0;
        left: 50%;
        width: 250px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .x-header .m-show.lg {
        display: none
    }
    .x-header .logo {
        position: relative;
        overflow: hidden
    }
    .x-header .logo::before {
        content: '';
        display: block;
        padding-top: 25.6%
    }
    .x-header .logo .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
    .x-header .lg {
        color: #fff;
        line-height: 64px;
        margin-left: 100px;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1
    }
    .x-header .lg a {
        margin: 0 14px;
        font-size: 16px
    }
    .x-header .tools-mod {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 25px;
        margin-right: 105px
    }
    .x-header .tools-mod .tools-item {
        text-align: center
    }
    .x-header .tools-mod .lang {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .x-header .tools-mod .xicon:hover {
        color: #fe6a00
    }
    .x-header .nav-mod {
        position: relative;
        top: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        z-index: 1;
        margin-left: 90px;
    }
    .x-header .nav-mod .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .x-header .nav-mod .nav-item {
        position: relative;
    }
    .x-header .nav-mod .nav-tit .arr {
        display: none
    }
    .x-header .nav-mod .nav-link {
        display: block;
        -webkit-transition-property: color, background;
        transition-property: color, background;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
    .x-header .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
    .x-header .nav-mod .nav-lv2 {
        width: 535px;
        left: 110%
    }
    .x-header .nav-mod .nav-grp {
        padding: 35px 30px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
    }
    .x-header .nav-mod .nav-lv1-item {
        float: left;
        width: calc((100% - 450px) / 6);
        text-align: center;
    }
    .x-header .nav-mod .kong {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .x-header .nav-mod .nav-lv1-link {
        padding: 0 20px;
        line-height: 64px;
        font-size: 20px;
        color: #fff
    }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
    .x-header .nav-mod .nav-lv1-link {
        font-size: 18px
    }
}
@media screen and (min-width: 769px) {
    .x-header .nav-mod .nav-lv2-tit {
        text-align: center
    }
    .x-header .nav-mod .nav-lv2-link {
        padding: 0 10px;
        color: #225bb2;
        font-size: 20px;
        padding: 4px 0
    }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
    .x-header .nav-mod .nav-lv2-link {
        font-size: 18px
    }
}
@media screen and (min-width: 769px) {
    .x-header .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }
    .x-header .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }
    .x-header .nav-mod .nav-item:hover > .nav-lv {
        opacity: 1;
        visibility: visible
    }
    .x-header .nav-mod .nav-item:hover > .nav-tit .nav-link {
        color: #fe6a00
    }
    .x-header .nav-mod .nav-item:hover > .nav-tit .nav-lv1-link {
        color: #fff
    }
    .x-header .nav-mod .nav-item:hover > .nav-tit .nav-lv1-link span {
        height: 100%;
        position: relative;
        display: inline-block
    }
    .x-header .nav-mod .nav-item:hover > .nav-tit .nav-lv1-link span::after {
        width: 100%;
        height: 3px;
        background-color: #fe6a00;
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        bottom: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .x-header.hz-nav .nav-grp {
        position: relative;
        padding: 20px 0;
        text-align: center
    }
    .x-header.hz-nav .nav-grp::before {
        content: '\e72e';
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: -11px;
        font-size: 30px;
        line-height: 1;
        color: #000;
        font-family: "xfont" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .x-header.hz-nav .nav-lv2 {
        background-color: #000;
        color: #fff
    }
    .x-header.hz-nav .nav-lv2-item {
        display: inline-block;
        vertical-align: top
    }
    .x-header.hz-nav .nav-lv2-item + .nav-lv2-item {
        margin-top: 0
    }
    .x-header .lg a:hover {
        border-bottom: 2px solid #fe6a00;
        line-height: 35px
    }
    .nav-mod .nav-item.cur > .nav-tit .nav-link {
        color: #fe6a00;
        position: relative
    }
    .nav-mod .nav-item.cur > .nav-tit .nav-lv1-link {
        color: #fff
    }
    .nav-mod .nav-item.cur > .nav-tit .nav-lv1-link span {
        height: 100%;
        position: relative;
        display: inline-block
    }
    .nav-mod .nav-item.cur > .nav-tit .nav-lv1-link span::after {
        width: 100%;
        height: 3px;
        background-color: #fe6a00;
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        bottom: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .x-header .search-mod .search-box {
        width: 145px;
        border: 0
    }
    .x-header .search-mod .search-box .xicon::before {
        color: #fff;
        font-size: 20px
    }
    .x-header .search-mod .search-box .search-txt {
        padding: 0
    }
    .x-header .search-mod .search-box .search-input {
        border-bottom: 1px solid #6f99cb;
        color: #ccc
    }
    .x-header .search-mod .search-box .search-input::-webkit-input-placeholder {
        color: #ccc
    }
    .x-header .search-mod .search-box .search-input::-moz-input-placeholder {
        color: #ccc
    }
    .x-header .search-mod .search-box .search-input::-ms-input-placeholder {
        color: #ccc
    }
}
@media screen and (max-width: 1680px) {
    .x-header .x-wrap {
        width: 1500px
    }
    .x-header .lg {
        margin-left: 0
    }
    .x-header .tools-mod {
        margin-right: 0
    }
    .x-header .nav-mod {
        margin-left: 30px
    }
}
@media screen and (max-width: 1440px) {
    .x-header .nav-mod .nav-lv2 {
        left: 0%
    }
    .x-header .nav-mod .nav-item:nth-child(1) .nav-lv2 {
        left: 0%;
        margin-left: 100px
    }
}
@media screen and (max-width: 1280px) {
    /**/
    .scroll-cont img {
        width: 100%;
        max-width: 330px;
    }
    .scroll-cont table p {
        text-indent: 0;
    }
    /**/
    .x-header .li.act1 > .tit .arr1 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .x-header .t.act2 > .box .arr2 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .x-header .h.act3 > .h1 .arr3 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .x-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .x-header .lg {
        display: none;
        border-top: 1px solid #ccc
    }
    .x-header .m-show.lg {
        display: block;
        padding: 5px 15px;
        border-top: 1px solid #ccc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
    .x-header .m-show.lg span {
        margin: 0 15px;
        font-size: 10px
    }
    .x-header .lg a.now {
        border-bottom: 2px solid #fe6a00;
        color: #fe6a00
    }
    .x-header .right {
        display: block !important
    }
    .x-header .tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .x-header .tit {
        font-size: 16px
    }
}
@media screen and (max-width: 1280px) {
    .x-header .h {
        color: #727670;
        padding-left: 10px
    }
    .x-header .t {
        color: #9f9f9f;
        padding-left: 10px
    }
    .x-header .t1 {
        color: #c0c0c0;
        padding-left: 10px
    }
    .x-header .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .x-header .h1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .x-header .tit a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .x-header .box a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .x-header .h1 a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .x-header .nav-lv2 {
        width: 100% !important;
        right: 0 !important
    }
    .x-header .x-header .tit {
        color: #fe6a00
    }
    .x-header .x-wrap {
        padding: 0;
        width: 100%
    }
    .x-header .menu-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 1px 15px;
        min-height: 50px;
        z-index: 1
    }
    .x-header .kong {
        display: none
    }
    h1 {
        font-size: 26px;
        line-height: 1.2;
        text-align: center;
        width: 100%;
    }
    .x-header .logo {
        width: 200px
    }
    .x-header .logo + * {
        margin-left: auto
    }
    .x-header .menu-btn {
        position: relative;
        width: 40px;
        overflow: hidden
    }
    .x-header .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }
    .x-header .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }
    .x-header .menu-btn .line, .x-header .menu-btn .line::before, .x-header .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #333;
        border-radius: 1px
    }
    .x-header .menu-btn .line::before, .x-header .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }
    .x-header .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }
    .x-header .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }
    .x-header .search-box, .x-header .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }
    .x-header .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc
    }
    .x-header .search-box > * {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
    .x-header .search-box > :last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .x-header .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }
    .x-header .search-box .search-submit {
        right: 0px;
    }
    @media (max-width: 999px) {
        .x-headerr {
            width: 77% !important;
        }
    }
    .x-header .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }
    .x-header .share-box .share-item {
        font-size: 1.2em
    }
    .x-header .nav-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        overflow: hidden;
        -webkit-transition: all .5s;
        transition: all .5s;
        margin-left: 0;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }
    .x-header .nav-item.cur {
        color: #fe6a00
    }
    .x-header .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain
    }
    .x-header .nav-item {
        border-bottom: 1px solid #ccc
    }
    .x-header .nav-item.act > .nav-tit .arr {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .x-header .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 15px
    }
    .x-header .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto
    }
    .x-header .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .x-header .nav-tit + .nav-lv {
        display: none
    }
    .x-header .li .p {
        display: none
    }
    .x-header .li .box1 {
        display: none
    }
    .x-header .li .t {
        display: none
    }
    .x-header .nav-lv1-link {
        font-size: 1.125em
    }
    .x-header .nav-lv2 {
        padding: 0 15px;
        background-color: #fafafa;
        color: #333
    }
    .x-header .nav-lv1-item.act {
        background-color: #ddd
    }
    .x-header.menu-open {
        z-index: 999
    }
    .x-header.menu-open .line {
        background-color: transparent
    }
    .x-header.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .x-header.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .x-header.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    .x-header .menu-mod {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
    }
    .x-header .nav-mod .nav-item:nth-child(1) .nav-lv2 {
        margin-left: 0
    }
}
.x-footer {
    background-color: #333333;
    margin-bottom: 30px;
}
.x-footer .x-wrap {
    margin: 0 140px;
    width: auto
}
.x-footer .cont {
    padding: 56px 0 30px;
    display: -webkit-box;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: justify;
    display: -ms-flexbox
}
.x-footer .cont .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #b7b7b7;
    font-size: 14px
}
.x-footer .cont .left .lbox {
    margin-right: 42px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.x-footer .cont .left .h {
    font-size: 18px;
    color: #fff
}
@media screen and (max-width: 1280px) {
    .x-footer .cont .left .h {
        font-size: 16px
    }
}
.x-footer .cont .left .p {
    margin-top: 11px
}
.x-footer .cont .left .lbox:last-child {
    margin-right: 0
}
.x-footer .cont .center {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.x-footer .cont .center .img {
    margin-right: 65px;
    position: relative;
    overflow: hidden;
    width: 228px
}
.x-footer .cont .center .img::before {
    content: '';
    display: block;
    padding-top: 30.70175%
}
.x-footer .cont .center .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.x-footer .cont .center .pic {
    position: relative;
    overflow: hidden;
    width: 500px
}
.x-footer .cont .center .pic::before {
    content: '';
    display: block;
    padding-top: 25.6%
}
.x-footer .cont .center .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.x-footer .cont .right {
    color: #fff
}
.x-footer .cont .right .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 68px
}
.x-footer .cont .right .icon {
    width: 55px;
    height: 55px;
    background-color: #e8eef6;
    border-radius: 10px;
    margin-right: 20px;
    position: relative
}
.x-footer .cont .right .icon:last-child {
    margin-right: 0
}
.x-footer .cont .right .i {
    width: 100%;
    text-align: center
}
.x-footer .cont .right .text {
    margin-top: 20px;
    text-align: right;
    font-size: 16px;
}
@media screen and (max-width: 1280px) {
    .x-footer .cont .right .text {
        font-size: 20px
    }
}
.x-footer .cont .right .p1 {
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.x-footer .cont .right .text span {
    display: block;
    text-align: center;
    margin: 3px 0
}
.x-footer .cont .right span img {
    position: relative;
    overflow: hidden;
    width: 30px;
    margin-right: 10px;
    margin-top: -2px
}
.x-footer .cont .right span img::before {
    content: '';
    display: block;
    padding-top: 85.71429%
}
.x-footer .cont .right span img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.x-footer .cont .right span + span {
    margin-left: 20px
}
.x-footer .suds-mod .suds-pop.at-t {
    left: 30px
}
.x-footer .suds-mod .suds-pop::after {
    background: #e8eef6;
    border-radius: 10px
}
.x-footer .suds-mod .suds-pop::before {
    background: #e8eef6;
    border: none
}
.x-footer .suds-mod .suds-pop {
    position: absolute;
    top: -225px;
    left: -80px;
    padding: 20px;
    background: #e8eef6;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.x-footer .unit1 {
    padding: 0 0 30px;
    color: #6d6d6d;
    font-size: 12px;
    text-align: center
}
.x-footer .unit1 span {
    margin: 0 10px
}
@media screen and (min-width: 769px) {
    .x-footer a {
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .x-footer a:hover {
        color: #fe6a00
    }
}
@media screen and (max-width: 1600px) {
    .x-footer .cont .center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .x-footer .cont .center .img {
        margin-right: 0;
        margin-bottom: 15px;
        width: 250px
    }
    .x-footer .cont .center .img .i {
        width: 100%
    }
}
@media screen and (max-width: 1440px) {
    .x-footer .cont .center .img {
        width: 200px
    }
    .x-footer .cont .center .pic {
        width: 200px
    }
}
@media screen and (max-width: 1400px) {
    .x-footer .x-wrap {
        margin: 0 80px
    }
}
@media screen and (max-width: 1280px) {
    .x-footer .x-wrap {
        width: 100%;
        margin: 0
    }
    .x-footer .cont {
        display: block;
        margin: 0 15px;
        padding: 40px 0
    }
    .x-footer .cont .left {
        display: block
    }
    .x-footer .cont .left .lbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        width: 33.3%;
        float: left;
    }
    .x-footer .cont .left .p {
        margin: 8px 10px 0 0;
        line-height: 2
    }
    .x-footer .cont .left .p2 {
        margin-left: 75px
    }
    .x-footer .cont .left .h {
        margin-right: 10px;
        line-height: 2.5
    }
    .x-footer .cont .center {
        margin: 25px auto
    }
    .x-footer .cont .right .con {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .x-footer .cont .right .icon {
        margin-right: 7px
    }
    .x-footer .cont .right .icon:last-child {
        margin-right: 0
    }
    .x-footer .cont .right .text {
        margin-top: 25px;
        text-align: left
    }
    .x-footer .cont .right span {
        display: block
    }
    .x-footer .cont .right span + span {
        margin-left: 0;
        margin-top: 10px
    }
    .x-footer .cont .right span img {
        width: 25px
    }
    .x-footer .unit1 span {
        display: block;
        margin: 0;
        word-break: break-all
    }
    .x-footer .cont .right .icon {
        width: 45px;
        height: 45px
    }
    .x-footer .suds-mod .suds-pop.at-t {
        left: 22px
    }
    .x-footer .suds-mod .suds-pop.at-t::before {
        left: 50%
    }
    .x-footer .cont .right .con {
        padding-left: 0
    }
}
.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}
.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}
.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}
.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}
.audio-mod .audio-control {
    float: left
}
.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}
.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}
.audio-mod .audio-prev.disable, .audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}
.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}
.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}
.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}
.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}
.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}
.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}
.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}
.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}
.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}
.audio-mod .audio-time {
    position: relative;
    line-height: 1;
    overflow: hidden
}
.audio-mod .audio-current {
    float: left
}
.audio-mod .audio-duration {
    float: right
}
.audio-mod .audio-surplus {
    float: right
}
@media screen and (max-width: 1280px) {
    .audio-mod .audio-volume-box {
        display: none
    }
}
.banner {
    position: relative;
    margin-top: -147px
}
.banner .slick-slide {
    height: 100vh;
    background: no-repeat center center / cover;
    position: relative
}
.banner .slick-slide .mask {
    background: #000;
    opacity: 0
}
.banner .slick-slide a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.banner .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1
}
.banner .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.banner .slick-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.4;
    padding: 0;
    list-style: none;
    margin: 0 10px
}
.banner .slick-dot.slick-active {
    opacity: 1
}
div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
div[data-search] .BMapLib_sms_pnl_phone input, div[data-search] .BMapLib_sms_pnl_phone button, div[data-search] .BMapLib_sms_pnl_phone textarea, div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}
div[data-search] .BMapLib_bubble_content {
    overflow: auto
}
div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}
div[data-search] .infoBox > img {
    top: 10px;
    right: 10px !important
}
.bdmap {
    height: 600px
}
.bread-mod .bread-item {
    display: inline-block
}
.bread-mod .bread-item + .bread-item::before {
    content: '>';
    padding: 0 5px;
    color: #333
}
.bread-mod .bread-item.cur {
    color: #fe6a00
}
@media screen and (min-width: 769px) {
    .bread-mod .bread-link {
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .bread-mod .bread-link:hover {
        color: #fe6a00
    }
}
.paging-mod {
    text-align: center;
    margin-top: 80px
}
.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}
.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-size: 16px;
    line-height: 34px;
    border: 1px solid #ddd
}
.paging-mod .paging-arrow, .paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.paging-mod .paging-arrow:first-child {
    margin-right: 5px
}
.paging-mod .paging-link + .paging-link {
    margin-left: 5px
}
.paging-mod .paging-link + .paging-arrow {
    margin-left: 5px
}
.paging-mod .paging-link.cur {
    background-color: #fe6a00;
    border-color: #fe6a00;
    color: #fff;
    cursor: default;
    pointer-events: none
}
.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}
.paging-mod .paging-jump {
    margin-left: 5px;
    width: 70px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}
.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff
}
.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}
.paging-mod .paging-input {
    display: block;
    padding: 0 3px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}
.paging-mod .paging-btn {
    display: block;
    width: 35px;
    cursor: pointer;
    border-radius: 2px;
    background: #fe6a00;
    color: #fff;
    height: 36px;
    font-family: avain
}
.paging-more {
    display: none
}
@media screen and (min-width: 769px) {
    .paging-mod .paging-link:not(.cur):hover, .paging-mod .paging-arrow:hover {
        background-color: #fe6a00;
        border-color: #fe6a00;
        color: #fff
    }
}
@media screen and (max-width: 1280px) {
    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }
    .paging-mod .paging-item, .paging-mod .paging-input {
        line-height: normal
    }
    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .paging-mod {
        display: none
    }
    .paging-more {
        margin: 0 auto;
        margin-top: 30px;
        padding: 0 0;
        line-height: 2.2em;
        border: 1px solid #ddd;
        border-radius: 2em;
        display: block;
        text-align: center;
        width: 7em
    }
}
.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}
.pop-mod .pop-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #707070;
    font-size: 28px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden
}
.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}
.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}
.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}
.pop-mod .video-native {
    display: none
}
.pop-mod video, .pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}
.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}
.pop-mod.x-show video, .pop-mod.x-show iframe, .pop-mod.x-show .video-native {
    display: block
}
@media screen and (min-width: 769px) {
    .pop-mod.x-show .pop-panel {
        overflow-y: scroll
    }
    .pop-mod.x-show > .pop-close {
        margin-right: 17px
    }
    .full-screen .pop-mod.x-show > .pop-close {
        margin-right: 0
    }
    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}
@media screen and (max-width: 1280px) {
    .pop-mod .pop-panel {
        padding: 0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }
    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}
.scroll-mod {
    position: relative;
    overflow: hidden
}
.scroll-mod.scroll-axis-x {
    padding-bottom: 10px
}
.scroll-mod.scroll-axis-y {
    padding-right: 10px
}
/*.scroll-cont {*/
/*    height: 100%;*/
/*    max-height: inherit;*/
/*    overflow: auto;*/
/*    scrollbar-width: none;*/
/*    -ms-overflow-style: none*/
/*}*/
.scroll-cont::-webkit-scrollbar {
    display: none
}
.scroll-track-x, .scroll-track-y {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1)
}
.scroll-bar-x, .scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}
.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}
.scroll-bar-x {
    width: 0;
    height: 5px
}
.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 0
}
.scroll-bar-y {
    width: 5px;
    height: 0
}
.scroll-track-disable {
    display: none
}
@media screen and (min-width: 769px) {
    .scroll-mod .scroll-bar-x {
        width: 0
    }
}
.search-mod {
    position: relative
}
.search-mod .search-tap {
    z-index: 1
}
.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.search-mod.at-l .search-tap ~ .search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}
.search-mod.at-l .search-tap ~ .search-box .search-submit {
    visibility: hidden
}
.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}
.search-mod .search-txt, .search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}
.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}
.search-mod .search-btn {
    width: 1%
}
.search-mod .search-input {
    width: 100%
}
.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}
.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}
.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.search-mod.x-show.at-l .search-tap ~ .search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}
.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
@media screen and (min-width: 769px) {
    .search-mod .search-tap:hover, .search-mod .search-submit:hover {
        color: #fe6a00
    }
}
.select-mod {
    position: relative
}
.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}
.select-mod .select-native {
    display: none
}
.select-mod .select-trigger {
    cursor: pointer
}
.select-mod .select-btn {
    float: right;
    height: 100%
}
.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}
.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.select-mod .select-cont, .select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}
.select-mod .select-cont::before, .select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}
.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}
.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}
.select-mod .select-opts .scroll-track-y {
    right: 12px
}
.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}
.select-mod .select-item.cur {
    color: #fe6a00
}
.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}
.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}
.select-mod.sc-show {
    z-index: 1
}
.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}
.select-mod.sc-show .select-trigger .select-btn, .select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}
.select-mod .mCSB_scrollTools {
    right: 12px
}
@media screen and (min-width: 769px) {
    .select-mod .select-trigger:hover .select-btn, .select-mod .select-trigger.select-btn:hover, .select-mod .select-item:hover {
        color: #fe6a00
    }
}
@media screen and (max-width: 1280px) {
    .select-mod .select-native {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}
.icon-wx::before {
    content: '\e601'
}
.icon-wb::before {
    content: '\e602'
}
.icon-qq::before {
    content: '\e603'
}
.icon-qz::before {
    content: '\e604'
}
.icon-twitter::before {
    content: '\e605'
}
.icon-facebook::before {
    content: '\e606'
}
.icon-linkedin::before {
    content: '\e607'
}
.icon-share::before {
    content: '\e608'
}
.share-mod .share-label, .share-mod .share-label ~ .share-box {
    display: inline-block;
    vertical-align: middle
}
.share-box .share-item {
    float: left
}
.share-box .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}
.share-box .code img, .share-box .code canvas {
    width: 100%
}
@media screen and (min-width: 769px) {
    .share-box .share-item:hover {
        color: #fe6a00
    }
}
.sidebar-mod {
    position: fixed;
    top: 50%;
    right: -60px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background-color: #eee;
    cursor: pointer
}
.sidebar-mod .sidebar-item + .sidebar-item {
    margin-top: 5px
}
.sidebar-mod .sidebar-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 10px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}
.sidebar-mod .code img {
    display: block;
    width: 100%
}
.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}
.vjs-full-window .sidebar-mod {
    z-index: -1
}
@media screen and (min-width: 769px) {
    .sidebar-mod .sidebar-item:hover .sidebar-cont {
        color: #fe6a00
    }
    .sidebar-mod:hover {
        right: 0
    }
}
.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-item {
    position: relative
}
.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir='rtl'] .slick-slide {
    float: right
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto
}
.slick-arrow {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-loading .slick-list {
    background: #fff
}
.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}
.slick-dot {
    cursor: pointer
}
.slick-arrow.slick-disabled, .slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}
.suds-mod {
    position: relative
}
.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.suds-mod .suds-pop::before, .suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}
.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}
.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}
.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}
.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}
.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}
.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}
.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}
.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}
.suds-mod .suds-pop > * {
    position: relative;
    z-index: 1
}
.suds-mod.x-show, .suds-mod:hover {
    z-index: 1
}
.suds-mod.x-show > .suds-pop, .suds-mod:hover > .suds-pop {
    opacity: 1;
    visibility: visible
}
.suds-mod.x-show > .suds-pop.at-t, .suds-mod:hover > .suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}
.suds-mod.x-show > .suds-pop.at-b, .suds-mod:hover > .suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}
.suds-mod.x-show > .suds-pop.at-l, .suds-mod:hover > .suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}
.suds-mod.x-show > .suds-pop.at-r, .suds-mod:hover > .suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}
.suds-mod:hover > .suds-target + .suds-pop {
    opacity: 0;
    visibility: hidden
}
.suds-mod.x-show > .suds-target + .suds-pop {
    opacity: 1;
    visibility: visible
}
.tab-mod .tab-term {
    cursor: pointer
}
.tab-mod .tab-term.cur {
    color: #fe6a00
}
.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}
.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}
.topping-mod {
    position: fixed;
    right: 10px;
    bottom: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.topping-mod .s {
    text-transform: uppercase
}
.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}
.vjs-full-window .topping-mod {
    z-index: -1
}
@media screen and (min-width: 769px) {
    .topping-mod:hover {
        background-color: #fe6a00
    }
    .lock-screen .topping-mod {
        margin-right: 17px
    }
    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}
.tracker-mod .tracker-prev {
    cursor: pointer
}
.tracker-mod .tracker-next {
    cursor: pointer
}
.tracker-mod .tracker-box {
    overflow: hidden
}
.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}
.tracker-mod .tracker-item {
    cursor: pointer
}
.tracker-mod .tracker-item.cur {
    color: #fe6a00
}
.tracker-mod.dir-hor .tracker-prev {
    float: left
}
.tracker-mod.dir-hor .tracker-next {
    float: right
}
.tracker-mod.dir-hor .tracker-box {
    text-align: center
}
.tracker-mod.dir-hor .tracker-track {
    display: table;
    white-space: nowrap;
    font-size: 0
}
.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}
.tracker-mod.dir-ver .tracker-box {
    height: 300px
}
.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}
.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}
.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}
.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}
.video-mod .vjs-ended .vjs-poster {
    display: block
}
.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}
.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}
.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}
.video-mod.mini .video-js .vjs-load-progress, .video-mod.mini .video-js .vjs-mouse-display, .video-mod.mini .video-js .vjs-play-progress::before, .video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip, .video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}
.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}
.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}
@media screen and (min-width: 769px) {
    .vjs-no-flex .vjs-button {
        padding-bottom: 3em
    }
}
@media screen and (max-width: 1280px) {
    .video-js .vjs-big-play-button {
        font-size: 3em
    }
    .video-js .vjs-control-bar {
        height: 2em
    }
    .video-js .vjs-control {
        width: 2em
    }
    .vjs-button > .vjs-icon-placeholder::before {
        font-size: 1em
    }
    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }
    .vjs-current-time, .vjs-duration, .vjs-time-divider, .video-js .vjs-volume-panel {
        display: none
    }
}
.animal1 {
    padding: 120px 0 102px;
    background-color: #fff
}
.animal1 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 40px
}
.animal1 .pic {
    position: relative;
    overflow: hidden;
    width: 554px
}
.animal1 .pic::before {
    content: '';
    display: block;
    padding-top: 48.55596%
}
.animal1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.animal1 .rr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 40px
}
.animal1 .rr .title {
    text-align: left
}
.animal1 .rr .desc {
    height: 170px;
    font-size: 18px;
    color: #999999;
    margin-top: -3px
}
@media screen and (max-width: 1280px) {
    .animal1 .rr .desc {
        font-size: 16px
    }
}
body:not(.lang-en) .animal1 .rr .desc {
    text-align: justify;
    text-justify: inter-ideograph
}
.animal1 .rr .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.animal1 .rr .link a {
    font-size: 18px;
    border-bottom: 1px solid #fe6a00;
    margin-right: 40px;
    display: block;
    height: 36px;
    line-height: 36px
}
@media screen and (max-width: 1280px) {
    .animal1 .rr .link a {
        font-size: 16px
    }
}
.animal1 .rr .link a:last-child {
    margin-right: 0
}
.animal1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #225bb2;
    width: 2px
}
.animal1 .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    background-color: #e6edf7
}
.animal2 {
    padding-top: 113px;
    height: 348px;
    background: url(../images/tu_06.jpg) no-repeat center center/cover
}
.animal2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff
}
.animal2 .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 264px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.animal2 .li::after {
    height: 92px;
    border-left: 1px solid #d2d2d2;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.animal2 .li:last-child::after {
    display: none
}
.animal2 .num {
    font-size: 26px;
    color: #225bb2;
    text-align: center
}
@media screen and (max-width: 1280px) {
    .animal2 .num {
        font-size: 20px
    }
}
.animal2 .num span {
    font-size: 50px;
    font-family: arial
}
.animal2 .p {
    font-size: 20px;
    text-align: center;
    margin-top: 34px;
    padding: 0 10px
}
@media screen and (max-width: 1280px) {
    .animal2 .p {
        font-size: 18px
    }
}
.animal3 {
    padding: 152px 0 140px;
    background-color: #fff
}
.animal3 .ban {
    margin-top: 70px;
    padding: 0 82px
}
.animal3 .more {
    display: block;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    padding: 0;
    margin-top: 64px
}
.animal3 .p {
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 27px
}
@media screen and (max-width: 1280px) {
    .animal3 .p {
        font-size: 16px
    }
}
.animal3 .slick-list {
    margin: 0 -10px
}
.animal3 .slick-slide {
    margin: 0 10px
}
.animal3 .pic {
    position: relative;
    overflow: hidden
}
.animal3 .pic::before {
    content: '';
    display: block;
    padding-top: 67.69231%
}
.animal3 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.animal3 .slick-arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%
}
.animal3 .slick-prev {
    background: url(../images/prev.png) no-repeat center center/cover;
    top: 73px;
    left: 0px;
    position: absolute
}
.animal3 .slick-next {
    background: url(../images/prev.png) no-repeat center center/cover;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 73px;
    right: 0
}
.animal4 {
    padding: 100px 0
}
.animal4 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0
}
.animal4 .left {
    width: 50%;
    padding-right: 45px
}
.animal4 .title {
    text-align: left
}
.animal4 .desc {
    font-size: 16px;
    color: #999999;
    line-height: 1.875;
    max-height: 235px;
    margin-top: 50px;
    overflow: hidden
}
body:not(.lang-en) .animal4 .desc {
    text-align: justify;
    text-justify: inter-ideograph
}
.animal4 .more {
    display: block;
    height: 40px;
    margin-left: 0;
    line-height: 40px;
    padding: 0;
    margin-top: 60px
}
.animal4 .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}
.animal4 .pic::before {
    content: '';
    display: block;
    padding-top: 84.39024%
}
.animal4 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.animal4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #225bb2;
    width: 2px
}
.animal4 .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    background-color: #e6edf7
}
@media screen and (min-width: 769px) {
    .animal1 .rr .link a:hover {
        color: #fe6a00
    }
    .animal3 .item:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }
    .animal3 .item:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }
}
@media screen and (max-width: 1280px) {
    .animal1 {
        padding: 40px 0
    }
    .animal1 .pic {
        width: 100%;
        margin-left: 0
    }
    .animal1 .rr {
        margin-left: 0;
        margin-top: 30px
    }
    .animal1 .rr .desc {
        margin-top: 0px
    }
    .animal1 .rr .link {
        margin-top: 20px
    }
    .animal1 .flex {
        display: block;
        margin-top: 20px
    }
    .animal2 {
        height: auto
    }
    .animal2 .num span {
        font-size: 30px
    }
    .animal2 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .animal2 .li {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        height: 164px
    }
    .animal2 .li:first-child {
        width: 100%
    }
    .animal2 .li:nth-child(2n-1)::after {
        display: none
    }
    .animal2 .p {
        margin-top: 20px
    }
    .animal3 {
        padding: 20px 0 0
    }
    .animal3 .x-wrap {
        padding: 40px 0
    }
    .animal3 .ban {
        margin-top: 30px;
        padding: 0
    }
    .animal3 .slick-prev {
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -25px
    }
    .animal3 .slick-next {
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
        margin-top: -25px
    }
    .animal3 .more {
        margin-top: 30px
    }
    .animal4 {
        padding: 0
    }
    .animal4 .left {
        width: 100%;
        padding-right: 0
    }
    .animal4 .pic {
        width: 100%;
        margin-top: 20px
    }
    .animal4 .title {
        text-align: center
    }
    .animal4 .more {
        margin: 30px auto
    }
    .animal4 .x-wrap {
        padding: 40px 15px
    }
}
.answer1 .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 48px;
    text-align: center
}
@media screen and (max-width: 1280px) {
    .answer1 .tabs {
        font-size: 18px
    }
}
.answer1 .tabs .tab-item {
    margin-right: 80px;
    width: 220px;
    height: 56px;
    border: 1px solid #c8edee;
    background-color: #fff;
    cursor: pointer;
    line-height: 56px
}
.answer1 .tab-item.cur {
    color: #fff;
    background-color: #fe6a00;
    border: none
}
.answer1 .tab-item a {
    display: block;
    width: 100%;
    height: 100%
}
.answer1 .tab-item:last-child {
    margin-right: 0
}
.answer1 .list {
    margin-top: 50px
}
.answer1 .list .li .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #c8edee;
    min-height: 50px;
    padding: 0 30px;
    cursor: pointer
}
.answer1 .list .li .h {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.answer1 .list .li .box:after {
    content: '';
    min-height: inherit;
    font-size: 0;
    display: block
}
.answer1 .list .li .xicon {
    background: url(../images/up.png) no-repeat center center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.answer1 .list .li .p_hide {
    padding: 27px 30px;
    background-color: #fff;
    color: #666;
    display: none
}
.answer1 .list .li.show .box {
    background-color: #fe6a00;
    color: #fff
}
.answer1 .list .li.show .p_hide {
    display: block
}
.answer1 .list .li.show .xicon {
    background: url(../images/down.png) no-repeat center center
}
.answer1 .list .li:nth-child(n+2) {
    margin-top: 20px
}
@media screen and (max-width: 1280px) {
    .answer1 .tabs {
        font-size: 20px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .answer1 .tabs {
        font-size: 18px
    }
}
@media screen and (max-width: 1280px) {
    .answer1 .tabs .tab-item {
        width: auto;
        margin-right: 15px;
        height: 50px;
        line-height: 50px;
        padding: 0 15px
    }
    .answer1 .tabs .tab-item:last-child {
        margin-right: 0
    }
    .answer1 .list .p_hide {
        display: block;
        height: auto
    }
}
.article-page {
    padding: 50px 0
}
.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}
.article-page .article-head .t {
    font-size: 1.7em
}
.article-page .article-head .info {
    margin-top: 10px;
    color: #707070
}
.article-page .article-head .s {
    margin: 0 15px
}
.article-page .article-cont {
    margin-bottom: 30px
}
.article-page .article-cont p, .article-page .article-cont .p {
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph
}
.article-page .article-cont p + p, .article-page .article-cont .p + .p {
    margin-top: 1em
}
.article-page .article-cont .img {
    margin: 1em 0
}
.article-page .article-cont iframe, .article-page .article-cont video, .article-page .article-cont img {
    display: block;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}
.article-page .article-cont .video-mod {
    margin-bottom: 1em
}
.article-page .article-paging {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}
.article-page .article-paging .article-link {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s
}
.article-page .article-paging .article-prev {
    float: left;
    padding-left: 30px
}
.article-page .article-paging .article-next {
    float: right;
    padding-right: 30px
}
.article-page .article-paging .xfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.article-page .article-paging .article-prev .xfont {
    left: 0
}
.article-page .article-paging .article-next .xfont {
    right: 0
}
.article-page .share-mod {
    margin-bottom: 20px
}
@media screen and (min-width: 769px) {
    .article-page .article-paging .article-link:hover {
        color: #fe6a00
    }
}
@media screen and (max-width: 1280px) {
    .article-page .article-head .info {
        margin-top: 5px
    }
    .article-page .article-head .s {
        margin: 0 5px
    }
    .article-page .article-cont {
        margin-bottom: 20px
    }
    .article-page .article-paging {
        padding: 10px 0
    }
    .article-page .share-mod {
        margin-bottom: 10px
    }
}
.biomice_box {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        border: 1px solid #dcdcdc;
    box-shadow: rgb(0 0 0 / 40%) 0px 6px 10px;

}
.biomice_box .b_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 70px;
    border-radius: 70px;
    margin: 0 auto 60px;
    background: #EFF9FF;
    padding: 0 0 0 70px
}
.biomice_box .b_search .img {
    position: relative;
    overflow: hidden;
    width: 45px
}
.biomice_box .b_search .img::before {
    content: '';
    display: block;
    padding-top: 100%
}
.biomice_box .b_search .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.biomice_box .type {
    width: 855px;
    font-size: 18px;
}
@media screen and (max-width: 1280px) {
    .biomice_box .type {
        font-size: 16px
    }
}
.biomice_box .type::-webkit-input-placeholder {
    color: #666666
}
.biomice_box .type::-moz-placeholder {
    color: #666666
}
.biomice_box .type:-ms-input-placeholder {
    color: #666666
}
.biomice_box .type::-ms-input-placeholder {
    color: #666666
}
.biomice_box .type::placeholder {
    color: #666666
}
.biomice_box .textbox {
    margin: 0 auto 0 33px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.biomice_box .btn {
    padding: 0
}
.biomice_box .ss {
    width: 168px;
    height: 100%;
    background: #356DB5;
    color: #fff;
    font-size: 18px;
    border-radius: 70px;
    cursor: pointer
}
@media screen and (max-width: 1280px) {
    .biomice_box .ss {
        font-size: 16px
    }
}
.biomice1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.biomice1 .desc {
    width: 100%;
    margin-bottom: 20px
}
.biomice1 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    z-index: 1
}
.biomice1 .box .t {
    font-size: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    padding-right: 20px
}
@media screen and (max-width: 1280px) {
    .biomice1 .box .t {
        font-size: 18px
    }
}
.biomice1 .box .t span {
    display: block
}
.biomice1 .box .select-mod {
    margin-left: auto
}
.biomice1 .box .select-mod .select-bar {
    width: 202px;
    height: 62px;
    font-size: 18px;
    border: 1px solid #cdeff0
}
@media screen and (max-width: 1280px) {
    .biomice1 .box .select-mod .select-bar {
        font-size: 16px
    }
}
.biomice1 .box .search {
    width: 372px;
    height: 62px;
    border: 1px solid #CDEFF0;
    margin-left: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 30px
}
.biomice1 .box .inp {
    font-size: 18px;
    padding: 0 20px 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@media screen and (max-width: 1280px) {
    .biomice1 .box .inp {
        font-size: 16px
    }
}
.biomice1 .box .xicon {
    margin-right: 20px
}
.biomice1 .box .icon-down::before {
    content: "";
    width: 13px;
    height: 10px;
    background: url(../images/icon_sele.png) no-repeat center center
}
.biomice1 .box .inp::-webkit-input-placeholder {
    color: #00648a
}
.biomice1 .box .inp::-moz-placeholder {
    color: #b5b5b5
}
.biomice1 .box .inp:-moz-placeholder {
    color: #b5b5b5
}
.biomice1 .box .inp:-ms-input-placeholder {
    color: #b5b5b5
}
.biomice1 .box .select-mod .select-bar {
    border-radius: 0
}
.biomice1 .box .sub {
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: url(../images/icon_sear.png) no-repeat center center/cover;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.biomice1 .table {
    margin-top: 30px;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .biomice1 .table {
        font-size: 16px
    }
}
.biomice1 .table .scroll-cont {
    width: 100%
}
.biomice1 .table .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.biomice1 .table .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.biomice1 .table .list .p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #ccf0ee;
    border-top: 0;
    padding: 10px;
    min-height: 50px;
    color: #666;
    background-color: #fff;
    border-bottom: 1px solid #ccf0ee;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}
.biomice1 .table .list .p span {
    display: block
}
.biomice1 .table .list1 .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.biomice1 .table .list1 .p {
    border: 0;
    border-right: 1px solid #fff;
    background-color: #fe6a00;
    font-weight: normal;
    height: 50px;
    text-align: left;
    color: #fff
}
.biomice1 .table .list1 .li:nth-child(2n) .p:last-child {
    border-right: 1px solid #fe6a00
}
.biomice1 .table .list4 .li {
    width: 50%
}
.biomice1 .table .list4 .li .p:nth-child(1) {
    width: 38%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.biomice1 .table .list3 .li .p:nth-child(1) {
    width: 18%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.biomice1 .table .list3 .li .p:last-child {
    width: 58%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.biomice1 .table .list4 .li:nth-child(odd) .p:first-child {
    border-left: 1px solid #ccf0ee
}
.biomice1 .table .list3 .li .p:first-child {
    border-left: 1px solid #ccf0ee
}
.biomice1 .table .list3 .li {
    width: 100%
}
.biomice1 .table .list3 .li .p:last-child {
    border-right: 1px solid #ccf0ee
}
.biomice1 .scroll-track-disable {
    display: none
}
.biomice1 .scroll-axis-y.scroll-mod {
    padding-right: 0
}
.biomice1 .scroll-track-y {
    display: none
}
.biomice1 .select-mod .select-txt {
    padding: 0 10px
}
.biomice1 .table.qa_anim .list3 .li .p:nth-child(1) {
    width: 40%
}
.biomice1 .table.qa_anim .list3 .li .p:last-child {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@media screen and (min-width: 769px) {
    .biomice1 .table td a:hover {
        color: #fe6a00
    }
}
@media screen and (max-width: 1280px) {
    .biomice_box .b_search {
        width: 100%;
        height: 50px;
        margin: 10px auto 30px;
        padding: 0 0 0 15px;
        border-radius: 50px
    }
    .biomice_box .b_search .textbox {
        margin: 0 0 0 15px;
        width: 100%
    }
    .biomice_box .b_search .img {
        min-width: 25px
    }
    .biomice_box .b_search .img img {
        width: 100%
    }
    .biomice_box .ss {
        width: 100px;
        border-radius: 50px
    }
    .biomice_box .type {
        width: 95%
    }
    .biomice_box {
        /* display: block; */
        width: 100%;
    }
    .biomice1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding-top: 40px
    }
    .biomice1 .box .t {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
    .biomice1 .box .select-mod {
        margin-left: 0;
        width: 100%;
        margin-top: 15px
    }
    .biomice1 .box .select-mod .select-bar {
        width: 100%;
        margin-left: 0;
        height: 50px
    }
    .biomice1 .box .search {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
        height: 50px;
        padding-right: 20px
    }
    .biomice1 .box .sub {
        width: 25px;
        height: 25px
    }
    .biomice1 .table .list {
        width: 800px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}
.cells1 {
    padding: 0 25px;
    width: calc(100% - 307px)
}
.cells1 .t {
    font-size: 24px;
    margin-bottom: 17px
}
@media screen and (max-width: 1280px) {
    .cells1 .t {
        font-size: 18px
    }
}
.cells1 .desc {
    margin-bottom: 2em
}
.cells1 .desc .p, .cells1 .desc p {
    font-size: 18px;
    color: #666
}
@media screen and (max-width: 1280px) {
    .cells1 .desc .p, .cells1 .desc p {
        font-size: 16px
    }
}
.cells1 .table {
    font-size: 18px;
    font-family: arial
}
@media screen and (max-width: 1280px) {
    .cells1 .table {
        font-size: 16px
    }
}
.cells1 .table table {
    width: 100%
}
.cells1 .table td {
    border: 1px solid #daf3f4;
    padding: 12px 28px;
    min-height: 50px;
    color: #666;
    background-color: #fff
}
.cells1 .table td:nth-child(odd) {
    background-color: #fe6a00;
    color: #fff
}
.cells1 .list {
    font-size: 18px;
    color: #666;
    margin-top: 50px
}
@media screen and (max-width: 1280px) {
    .cells1 .list {
        font-size: 16px
    }
}
.cells1 .list .h {
    padding-right: 25px
}
.cells1 .list .li {
    margin-top: 10px
}
.cells1 .list .link {
    position: relative;
    padding: 11px 35px;
    background-color: #225bb2;
    color: #fff;
    cursor: pointer;
    width: calc(100% - 20px)
}
.cells1 .list .link::after {
    width: 20px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: -19px;
    top: 0;
    background: #225bb2
}
.cells1 .list .menu {
    padding: 0 35px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}
.cells1 .list .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #fe6a00
}
.cells1 .list .cur .link {
    background-color: #fe6a00
}
.cells1 .list .cur .menu {
    padding: 25px 35px;
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}
.cells1 .list .cur .link::after {
    width: 20px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: -19px;
    top: 0;
    background: url(../images/icon_li.png) no-repeat center center/contain
}
.cells1 .list .cur .icon {
    border-top: 10px solid #225bb2;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}
.cells1 .list .menu {
    font-size: 18px;
    color: #666;
    font-family: arial
}
@media screen and (max-width: 1280px) {
    .cells1 .list .menu {
        font-size: 16px
    }
}
.cells1 .list .menu .p {
    margin-top: 1em
}
.cells1 .list .menu .p:first-child {
    margin-top: 0
}
.cells1 .list .menu img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}
.cells1 .list .menu .t {
    color: #333;
    margin-top: 1em
}
.cells1 .list .menu .t:first-child {
    margin-top: 0
}
@media screen and (max-width: 1280px) {
    .cells1 {
        margin-top: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding: 0
    }
    .cells1 .list .link {
        padding: 11px 25px
    }
    .cells1 .list .menu {
        padding: 0 25px
    }
    .cells1 .list .cur .menu {
        padding: 25px
    }
    .cells1 .table table {
        width: 800px
    }
}
.cells1 .right .h {
    text-align: center;
    font-size: 24px;
    margin-bottom: 17px
}
@media screen and (max-width: 1280px) {
    .cells1 .right .h {
        font-size: 18px
    }
}
.cells1 .img {
    position: relative;
    overflow: hidden;
    width: 650px;
    margin: 0 auto
}
.cells1 .img::before {
    content: '';
    display: block;
    padding-top: 56.38051%
}
.cells1 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.cells1 .img .i {
    width: 100%;
    height: 100%
}
.cells1 .n {
    text-align: center;
    margin-top: 20px
}
.cells1 .slick-prev {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    position: absolute;
    left: 10px;
    bottom: 45%
}
.cells1 .slick-next {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 20px;
    bottom: 45%;
    position: absolute
}
.cells1 .slick-next:hover {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.cells1 .slick-prev:hover {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
@media screen and (max-width: 1280px) {
    .cells1 .img {
        width: 100%
    }
    .cells1 img {
        width: 100%;
        display: block
    }
    .cells1 table {
        width: 100%
    }
}
.consulting1 .tabs {
    margin-top: 48px
}
.consulting1 .tabs .tracker-item {
    margin: 0 40px
}
.consulting1 .tabs .tracker-item .t {
    font-size: 24px;
    height: 56px;
    border: 1px solid #c8edee;
    background-color: #fff;
    cursor: pointer;
    line-height: 56px;
    padding: 0 60px
}
@media screen and (max-width: 1280px) {
    .consulting1 .tabs .tracker-item .t {
        font-size: 18px
    }
}
.consulting1 .tabs .tracker-item a {
    display: block
}
.consulting1 .tabs .tracker-item.cur .t {
    color: #fff;
    background-color: #fe6a00;
    border: none
}
.consulting1 .nlist {
    width: 100%
}
.consulting1 .nlist .li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 2px solid #bdd7ff;
    min-height: 210px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.consulting1 .nlist .li a .img {
    position: relative;
    overflow: hidden;
    width: 347px
}
.consulting1 .nlist .li a .img::before {
    content: '';
    display: block;
    padding-top: 60.51873%
}
.consulting1 .nlist .li a .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.consulting1 .nlist .li a .img img {
    width: 80%;
    /*height: 100%*/
}
.consulting1 .nlist .li a .text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 0 29px;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.consulting1 .nlist .li a .text .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 23px;
    width: 100%
}
.consulting1 .nlist .li a .text .top .h {
    font-size: 18px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 120px)
}
@media screen and (max-width: 1280px) {
    .consulting1 .nlist .li a .text .top .h {
        font-size: 16px
    }
}
.consulting1 .nlist .li a .text .top .date {
    font-family: 'Microsoft Yahei';
    color: #333
}
.consulting1 .nlist .li a .text .p {
    color: #666666;
    margin-top: 18px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 10em;
    text-overflow: ellipsis;
    overflow: hidden
}
body:not(.lang-en) .consulting1 .nlist .li a .text .p {
    text-align: justify;
    text-justify: inter-ideograph
}
.consulting1 .nlist .li a .text .more1 {
    color: #225bb2;
    margin-top: 18px;
    text-align: right;
    cursor: pointer;
    width: 100%
}
.consulting1 .nlist .li a:after {
    content: '';
    min-height: inherit;
    font-size: 0;
    display: block
}
.consulting1 .nlist .li:nth-child(n+2) {
    margin-top: 20px
}
.consulting1 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 48px
}
.consulting1 .cont {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@media screen and (min-width: 769px) {
    .consulting1 .nlist .li:hover .text .top .h {
        color: #225bb2
    }
    .consulting1 .nlist .li a .img:hover img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
    .consulting1 .nlist .li a .img:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.07);
        transform: translate(-50%, -50%) scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}
@media screen and (max-width: 1280px) {
    .consulting1 .nlist .li a:after {
        display: none
    }
    .consulting1 .tabs .tracker-item {
        margin: 0
    }
    .consulting1 .tabs .tracker-item + .tracker-item {
        margin-left: 10px
    }
    .consulting1 .tabs .tracker-item .t {
        min-width: 140px;
        padding: 0 10px;
        height: 50px;
        line-height: 50px
    }
    .consulting1 .nlist {
        margin-top: 20px
    }
    .consulting1 .nlist .li a {
        display: block
    }
    .consulting1 .nlist .li a .img {
        width: 100%
    }
    .consulting1 .nlist .li a .img .i {
        width: 80%
    }
    .consulting1 .nlist .li a .text {
        padding: 15px 29px;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
    .consulting1 .nlist .li a .text .top {
        display: block
    }
    .consulting1 .nlist .li a .text .top .h {
        font-size: 18px;
        width: auto
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .consulting1 .nlist .li a .text .top .h {
        font-size: 16px
    }
}
@media screen and (max-width: 1280px) {
    .consulting1 .nlist .li a .text .p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 4.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .consulting1 .nlist .li a .text .more1 {
        color: #225bb2;
        margin-top: 10px;
        text-align: right
    }
    .consulting1 .flex {
        display: block;
        margin-top: 20px
    }
    .consulting1 .cont {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}
.contact1 {
    background: #fafcff url(../images/ss.png) no-repeat right bottom
}
.contact1 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 44px
}
.contact1 .bdmap {
    width: 663px;
    height: 395px;
    border: 1px solid #CCF0EE
}
.contact1 .ditu {
    width: 663px;
    height: 395px;
    border: 1px solid #CCF0EE
}
.contact1 .text {
    padding: 67px 0 0 74px;
    background: #fff url(../images/top.png) no-repeat top center;
    border: 2px solid #CCF0EE;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 333px;
    border-left: none;
    margin-top: 30px
}
.contact1 .text .h {
    font-size: 24px
}
@media screen and (max-width: 1280px) {
    .contact1 .text .h {
        font-size: 18px
    }
}
.contact1 .text .p {
    color: #666666;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.contact1 .text .p img {
    margin-right: 12px;
    display: inline-block
}
.contact2_form {
    background: #FAFCFF url(../images/imggg.png) no-repeat center bottom;
    padding-top: 10px;
    padding-bottom: 100px;
    position: relative
}
.contact2_form .tit2 {
    font-size: 18px;
    text-align: center;
    margin-top: 19px
}
@media screen and (max-width: 1280px) {
    .contact2_form .tit2 {
        font-size: 16px
    }
}
.contact2_form .t-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px
}
.contact2_form .t-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.contact2_form .t-top .inp {
    width: 258px;
    height: 50px;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #BCEBE8
}
.contact2_form .t-top .select-mod {
    width: 258px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #BCEBE8
}
.contact2_form .t-top .select-mod .select-bar {
    height: 50px;
    border: none
}
.contact2_form .t-top .t-name {
    width: 147px;
    line-height: 50px;
    text-align: right;
    padding-right: 17px
}
.contact2_form .t-top:first-child .t-name {
    width: 170px
}
.contact2_form .t-name {
    width: 143px;
    line-height: 50px;
    text-align: right;
    padding-right: 17px;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .contact2_form .t-name {
        font-size: 16px
    }
}
.contact2_form .t-con1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}
.contact2_form .t-con1 .inp {
    width: 463px;
    height: 50px;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #BCEBE8
}
.contact2_form .t-con1 .div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.contact2_form .t-con1 .inp1 {
    width: 327px;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #BCEBE8
}
.contact2_form .t-con1 .div:first-child .t-name {
    width: 170px
}
.contact2_form .t-con1 .yzm {
    position: relative;
    overflow: hidden;
    width: 158px;
    cursor: pointer
}
.contact2_form .t-con1 .yzm::before {
    content: '';
    display: block;
    padding-top: 31.64557%
}
.contact2_form .t-con1 .yzm .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.contact2_form .t-con1 textarea {
    width: 1070px;
    height: 140px;
    background-color: #fff;
    border: 1px solid #BCEBE8;
    padding: 10px;
    margin-top: 15px
}
.contact2_form .t-con1 .t-name-m {
    display: none
}
.contact2_form .xicon {
    color: #356DB5;
    font-size: 20px;
    margin-right: 10px
}
.contact2_form .lab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 155px);
    margin-top: 10px
}
.contact2_form .lab input {
    width: 24px;
    position: absolute;
    width: 100%;
    left: 0;
    cursor: pointer;
    opacity: 0
}
.contact2_form .lab lable {
    cursor: pointer;
    position: relative;
    display: block;
    width: 17%;
    padding-left: 25px;
    margin-top: 5px;
    margin-right: 20px
}
.contact2_form .lab lable::before {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
    display: block;
    background: url(../images/icon_lb.png) no-repeat left bottom
}
.contact2_form .lab lable.cose::before {
    background-position: 0 0
}
.contact2_form .sub input {
    font-size: 18px;
    width: 197px;
    height: 50px;
    border: 0;
    border-radius: 25px;
    background-color: #00CEC0;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer
}
@media screen and (max-width: 1280px) {
    .contact2_form .sub input {
        font-size: 16px
    }
}
.contact2 {
    background: #fafcff url(../images/part2.png) no-repeat
}
.contact2 .tit {
    font-size: 24px;
    color: #666666
}
@media screen and (max-width: 1280px) {
    .contact2 .tit {
        font-size: 18px
    }
}
.contact2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border: 1px solid #CCF0EE;
    padding: 50px 0;
    margin-top: 34px
}
.contact2 .item {
    width: 33.33%;
    text-align: center
}
.contact2 .p {
    margin-top: 36px
}
.contact2 .p a {
    font-size: 20px;
    font-weight: bold;
    color: #225bb2
}
@media screen and (max-width: 1280px) {
    .contact2 .p a {
        font-size: 18px
    }
}
.contact2 .line {
    width: 33px;
    height: 2px;
    background: #fe6a00;
    margin: 33px auto 0
}
.contact3 {
    background: #fafcff;
    padding: 98px 0 140px
}
.contact3 .tit {
    font-size: 24px;
    color: #333333
}
@media screen and (max-width: 1280px) {
    .contact3 .tit {
        font-size: 18px
    }
}
.contact3 .list {
    margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.contact3 .item {
    width: calc((100% - 18px) / 2);
    background: #fff url(../images/r-bg.png) no-repeat right bottom;
    border: 1px solid #CCF0EE;
    padding: 32px 50px;
    margin-right: 20px
}
.contact3 .li {
    width: 100%;
    min-height: 210px;
    background: #fff url(../images/r-bg.png) no-repeat right bottom;
    border: 1px solid #CCF0EE;
    padding: 14px 50px 25px;
    margin-top: 22px
}
.contact3 .item:nth-child(2) {
    margin-right: 0
}
.contact3 .list2 {
    margin-top: 100px
}
.contact3 .list2 .div {
    width: calc((100% - 18px) / 2);
    margin-right: 17px
}
.contact3 .list2 .div:nth-child(2) {
    margin-right: 0
}
.contact3 .h {
    font-size: 20px
}
@media screen and (max-width: 1280px) {
    .contact3 .h {
        font-size: 18px
    }
}
.contact3 .p img {
    width: 27px
}
.contact3 .p {
    font-size: 18px;
    margin-top: 24px;
    color: #666666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width: 1280px) {
    .contact3 .p {
        font-size: 16px
    }
}
.contact3 .p span {
    margin-left: 12px
}
.contact3 .p1 {
    color: #666666;
    margin-top: 23px;
    font-size: 14px
}
.contact3 .p3 {
    margin-top: 15px;
    color: #666666
}
.contact3 .p3 a {
    font-size: 20px;
    font-weight: bold;
    color: #225bb2
}
@media screen and (max-width: 1280px) {
    .contact3 .p3 a {
        font-size: 18px
    }
}
@media screen and (min-width: 769px) {
    .contact2 .p a:hover {
        text-decoration: underline
    }
    .contact4 .p3 a:hover {
        text-decoration: underline
    }
}
@media screen and (max-width: 1280px) {
    .contact1 .cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .contact1 .map {
        width: 100%
    }
    .contact1 .bdmap {
        width: 100%
    }
    .contact1 .ditu {
        width: 100%
    }
    .contact1 .text {
        margin-top: 20px;
        padding: 40px 10px 30px;
        height: auto;
        border-left: 2px solid #CCF0EE;
        width: 100%
    }
    .contact2_form {
        padding-top: 0;
        padding-bottom: 40px
    }
    .contact2_form .t-top .inp {
        width: calc(100% - 80px);
        height: 40px;
        border-radius: 5px;
        padding-left: 10px
    }
    .contact2_form .t-t1 {
        padding-top: 24px
    }
    .contact2_form .t-con {
        margin-top: 15px;
        display: block
    }
    .contact2_form .t-top .select-mod {
        width: calc(100% - 80px);
        height: 40px
    }
    .contact2_form .t-top .select-mod .select-bar {
        height: 40px
    }
    .contact2_form .t-name {
        width: 80px;
        line-height: 40px;
        text-align: left;
        padding-right: 0
    }
    .contact2_form .t-top {
        margin-top: 10px
    }
    .contact2_form .t-top:first-child .t-name {
        width: 80px;
        padding-right: 0;
        text-align: left
    }
    .contact2_form .t-top .t-name {
        width: 80px;
        line-height: 40px;
        text-align: left;
        padding-right: 0
    }
    .contact2_form .t-con1 {
        display: block;
        margin-top: 10px
    }
    .contact2_form .t-con1 .inp {
        width: calc(100% - 80px);
        height: 40px;
        border-radius: 5px;
        padding-left: 10px
    }
    .contact2_form .t-con1 .div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px
    }
    .contact2_form .t-con1 .inp1 {
        width: calc(100% - 249px)
    }
    .contact2_form .t-con1 .div:first-child .t-name {
        width: 80px;
        padding-right: 0;
        text-align: left
    }
    .contact2_form .t-con1 .yzm {
        position: relative;
        overflow: hidden;
        width: 110px;
        cursor: pointer
    }
    .contact2_form .t-con1 .yzm::before {
        content: '';
        display: block;
        padding-top: 35.71429%
    }
    .contact2_form .t-con1 .yzm .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
    .contact2_form .t-con1 .t-name-y {
        display: none
    }
    .contact2_form .t-con1 .t-name-m {
        display: block
    }
    .contact2_form .lab {
        width: 100%;
        margin: 0
    }
    .contact2_form .lab lable {
        width: 50%;
        margin-left: 0px
    }
    .contact2_form .t-con1 textarea {
        width: calc(100% - 80px);
        margin-top: 10px
    }
    .contact2_form .t-con1 .div:first-child .t-name_m {
        width: 100%;
        text-align: left
    }
    .contact2_form .sub input {
        width: 130px;
        height: 40px;
        border: 0;
        border-radius: 25px;
        color: #fff;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        cursor: pointer
    }
    .contact2 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 0;
        margin-top: 20px
    }
    .contact2 .item {
        width: 100%;
        margin-top: 10px
    }
    .contact3 {
        padding: 60px 0
    }
    .contact3 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }
    .contact3 .item {
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
        padding: 30px
    }
    .contact3 .list2 .div {
        width: 100%;
        margin-right: 0;
        margin-top: 10px
    }
    .contact3 .li {
        padding: 30px;
        min-height: auto;
        margin-top: 10px
    }
    .contact3 .li .p:nth-child(1) {
        margin-top: 0
    }
    .contact4 .part {
        margin-top: 30px
    }
}
.forms1 {
    padding-bottom: 80px;
}
.forms1 .b_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 70px;
    border-radius: 70px;
    margin: 0 auto 60px;
    background: #EFF9FF;
    padding: 0 0 0 70px
}
.forms1 .b_search .img {
    position: relative;
    overflow: hidden;
    width: 45px
}
.forms1 .b_search .img::before {
    content: '';
    display: block;
    padding-top: 100%
}
.forms1 .b_search .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.forms1 .type {
    width: 855px;
    font-size: 18px;
}
@media screen and (max-width: 1280px) {
    .forms1 .type {
        font-size: 16px
    }
}
.forms1 .type::-webkit-input-placeholder {
    color: #666666
}
.forms1 .type::-moz-placeholder {
    color: #666666
}
.forms1 .type:-ms-input-placeholder {
    color: #666666
}
.forms1 .type::-ms-input-placeholder {
    color: #666666
}
.forms1 .type::placeholder {
    color: #666666
}
.forms1 .textbox {
    margin: 0 auto 0 33px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.forms1 .btn {
    height: 100%;
    padding: 0
}
.forms1 .ss {
    width: 168px;
    height: 100%;
    background: #356DB5;
    color: #fff;
    font-size: 18px;
    border-radius: 70px;
    cursor: pointer
}
@media screen and (max-width: 1280px) {
    .forms1 .ss {
        font-size: 16px
    }
}
.forms1 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.forms1 .b_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 70px;
    border-radius: 70px;
    margin: 0 auto 60px;
    background: #EFF9FF;
    padding: 0 0 0 70px
}
.forms1 .b_search .img {
    position: relative;
    overflow: hidden;
    width: 45px
}
.forms1 .b_search .img::before {
    content: '';
    display: block;
    padding-top: 100%
}
.forms1 .b_search .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.forms1 .type {
    width: 855px;
    font-size: 18px;
}
@media screen and (max-width: 1280px) {
    .forms1 .type {
        font-size: 16px
    }
}
.forms1 .type::-webkit-input-placeholder {
    color: #666666;
    font-size: 20px
}
.forms1 .type::-moz-placeholder {
    color: #666666;
    font-size: 20px
}
.forms1 .type:-ms-input-placeholder {
    color: #666666;
    font-size: 20px
}
.forms1 .type::-ms-input-placeholder {
    color: #666666;
    font-size: 20px
}
.forms1 .type::placeholder {
    color: #666666;
    font-size: 20px
}
.forms1 .textbox {
    margin: 0 auto 0 33px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.forms1 .btn {
    height: 100%
}
.forms1 .ss {
    width: 168px;
    height: 100%;
    background: #356DB5;
    color: #fff;
    font-size: 18px;
    border-radius: 70px;
    cursor: pointer
}
@media screen and (max-width: 1280px) {
    .forms1 .ss {
        font-size: 16px
    }
}
.forms1 .tit {
    font-size: 24px
}
@media screen and (max-width: 1280px) {
    .forms1 .tit {
        font-size: 18px
    }
}
.forms1 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.forms1 .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px
}
.forms1 .h .h1 {
    font-size: 24px
}
@media screen and (max-width: 1280px) {
    .forms1 .h .h1 {
        font-size: 18px
    }
}
.forms1 .h .h2 {
    font-size: 20px;
    color: #707070
}
@media screen and (max-width: 1280px) {
    .forms1 .h .h2 {
        font-size: 18px
    }
}
.forms1 .h span {
    color: #fe6a00;
    font-weight: bold
}
.forms1 .table {
    margin-top: 0px;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .forms1 .table {
        font-size: 16px
    }
}
.forms1 .table .scroll-cont {
    width: 100%
}
.forms1 .table .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.forms1 .table .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.forms1 .table .list .p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #ccf0ee;
    border-top: 0;
    padding: 8px 20px;
    min-height: 50px;
    color: #666;
    background-color: #fff;
    border-bottom: 1px solid #ccf0ee;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-word
}
.forms1 .table .list .p span {
    display: block
}
.forms1 .table .list1 .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.forms1 .table .list1 .p {
    border: 0;
    border-right: 1px solid #fff;
    background-color: #fe6a00;
    font-weight: normal;
    height: 50px;
    text-align: left;
    color: #fff
}
.forms1 .table .list1 .li:nth-child(2n) .p:last-child {
    border-right: 1px solid #fe6a00
}
.forms1 .table .list4 .li {
    width: 50%
}
.forms1 .table .list4 .li .p:nth-child(1) {
    width: 38%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.forms1 .table .list3 .li .p:nth-child(1) {
    width: 18%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.forms1 .table .list3 .li .p:last-child {
    width: 58%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.forms1 .table .list4 .li:nth-child(odd) .p:first-child {
    border-left: 1px solid #ccf0ee
}
.forms1 .table .list3 .li .p:first-child {
    border-left: 1px solid #ccf0ee
}
.forms1 .table .list3 .li {
    width: 100%
}
.forms1 .table .list3 .li .p:last-child {
    border-right: 1px solid #ccf0ee
}
.forms1 .con + .con {
    margin-top: 60px
}
.forms1 .scroll-track-disable {
    display: none
}
.forms1 .scroll-axis-y.scroll-mod {
    padding-right: 0
}
.forms1 .scroll-track-y {
    display: none
}
.forms1 .select-mod .select-txt {
    padding: 0 10px
}
@media screen and (max-width: 1280px) {
    .forms1 .b_search {
        width: 100%;
        height: 50px;
        margin: 10px auto 30px;
        padding: 0 0 0 15px;
        border-radius: 50px
    }
    .forms1 .b_search .textbox {
        margin: 0 0 0 15px;
        width: 100%
    }
    .forms1 .b_search .img {
        min-width: 25px
    }
    .forms1 .b_search .img img {
        width: 100%
    }
    .forms1 .ss {
        width: 100px;
        border-radius: 50px
    }
    .forms1 .type {
        width: 95%
    }
    .forms1 .type::-webkit-input-placeholder {
        font-size: 14px
    }
    .forms1 .type::-moz-placeholder {
        font-size: 14px
    }
    .forms1 .type:-ms-input-placeholder {
        font-size: 14px
    }
    .forms1 .type::-ms-input-placeholder {
        font-size: 14px
    }
    .forms1 .type::placeholder {
        font-size: 14px
    }
    .forms1 {
        padding-bottom: 60px
    }
    .forms1 .table .list {
        width: 800px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .forms1 .con + .con {
        margin-top: 20px
    }
    .forms1 .content {
        width: 100%;
        margin-top: 20px
    }
}
.genetic .list {
    width: 100%;
    height: auto;
    margin-top: 40px
}
.genetic .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75px;
    background-color: #fff;
    border: 2px solid #e0f4f6;
    margin-bottom: 19px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.genetic .list .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.genetic .list .left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 30px
}
.genetic .list .left .img {
    display: block
}
.genetic .list .left .img1 {
    display: none
}
.genetic .list .left .p {
    color: #666666;
    font-size: 18px;
    margin-left: 20px
}
@media screen and (max-width: 1280px) {
    .genetic .list .left .p {
        font-size: 16px
    }
}
.genetic .list .right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 30px
}
.genetic .list .right .img {
    display: block
}
.genetic .list .right .img1 {
    display: none
}
.genetic .list .right .p {
    color: #666666;
    font-size: 18px;
    margin-right: 9px
}
@media screen and (max-width: 1280px) {
    .genetic .list .right .p {
        font-size: 16px
    }
}
@media screen and (min-width: 769px) {
    .genetic .list a:hover .img {
        display: none
    }
    .genetic .list a:hover .img1 {
        display: block
    }
    .genetic .list a:hover .p {
        color: #225bb2
    }
}
@media screen and (max-width: 1280px) {
    .genetic .list .li {
        display: block;
        height: auto;
        width: 100%;
        padding: 10px
    }
    .genetic .list .left a {
        padding: 0px
    }
    .genetic .list .right a {
        padding: 0px;
        padding-top: 10px
    }
}
.home0 {
    position: relative
}
.home0 .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.home0 .inner {
    position: relative
}
.home0 .cont {
    position: relative;
    z-index: 2;
    width: 43.052%;
    height: 543px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 190px;
    position: relative
}
.home0 .cont .title {
    text-align: left
}
.home0 .cont .desc {
    font-size: 18px;
    margin-top: 20px
}
body:not(.lang-en) .home0 .cont .desc {
    text-align: justify;
    text-justify: inter-ideograph
}
@media screen and (max-width: 1280px) {
    .home0 .cont .desc {
        font-size: 16px
    }
}
.home0 .cont .desc .scroll-mod {
    height: 140px
}
.home0 .cont .more {
    display: block;
    margin: 60px 0 0 0
}
.home0 .slick-arrow {
    cursor: pointer;
    width: 57px;
    height: 57px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}
.home0 .slick-arrow.slick-prev {
    background: url(../images/prev.png) no-repeat center left;
    background-size: cover;
    left: 50px
}
.home0 .slick-arrow.slick-next {
    background: url(../images/prev.png) no-repeat center right;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: 50px
}
.home0 .slick-disabled {
    background: url(../images/next.png) no-repeat center right
}
.home1 {
    background-color: #fafcff;
    padding: 75px 0
}
.home1 .slick-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.home1 .h {
    text-align: left;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 37px;
    margin-top: 25px
}
@media screen and (max-width: 1280px) {
    .home1 .h {
        font-size: 26px
    }
}
.home1 .img {
    margin-left: 13px
}
.home1 .text {
    margin-left: 67px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.home1 .p {
    font-size: 18px;
    color: #999999;
    width: 750px
}
@media screen and (max-width: 1280px) {
    .home1 .p {
        font-size: 16px
    }
}
body:not(.lang-en) .home1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}
.home1 .more {
    margin: 60px 0 0
}
.home1 .slick-arrow {
    cursor: pointer;
    width: 57px;
    height: 57px;
    bottom: 38%;
    position: absolute
}
.home1 .slick-arrow.slick-prev {
    background: url(../images/prev.png) no-repeat center left;
    background-size: cover;
    left: -94px
}
.home1 .slick-arrow.slick-next {
    background: url(../images/prev.png) no-repeat center right;
    background-size: cover;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: -94px
}
.home1 .slick-disabled {
    background: url(../images/next.png) no-repeat center right
}
.home2 {
    background: url(../images/home2_bg.png) no-repeat center center;
    width: 100%;
    height: 348px
}
.home2 .x-wrap {
    padding: 80px 0
}
.home2 .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    width: 1132px;
    height: 100px;
    border-radius: 25px;
    margin: 50px auto 0;
    padding: 13px 38px 20px
}
.home2 .search .img {
    position: relative;
    overflow: hidden;
    width: 75px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}
.home2 .search .img::before {
    content: '';
    display: block;
    padding-top: 98.66667%
}
.home2 .search .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.home2 input {
    width: 855px;
    font-size: 20px;
}
@media screen and (max-width: 1280px) {
    .home2 input {
        font-size: 18px
    }
}
.home2 input::-webkit-input-placeholder {
    font-size: 20px
}
.home2 input::-moz-placeholder {
    font-size: 20px
}
.home2 input:-ms-input-placeholder {
    font-size: 20px
}
.home2 input::-ms-input-placeholder {
    font-size: 20px
}
.home2 input::placeholder {
    font-size: 20px
}
.home2 .textbox {
    margin: 0 auto 0 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.home2 .btn {
    margin-top: 22px;
    cursor: pointer;
    width: 31px;
    height: 31px
}
.home2 .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.home2 .desc .t {
    font-size: 18px;
    color: #999999;
    margin-right: 27px
}
@media screen and (max-width: 1280px) {
    .home2 .desc .t {
        font-size: 16px
    }
}
.home3 {
    padding: 40px 0;
    position: relative;
    background: #fff url(../images/bg-2.png) no-repeat left bottom
}
.home3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.home3 .list .item {
    margin-right: 30px;
    width: calc((100% - 120px) / 5);
    height: auto
}
.home3 .list .item:last-child {
    margin-right: 0
}
.home3 .h {
    color: #f8f8f8;
    font-size: 145px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-family: Arial, Helvetica, sans-serif
}
.home3 .h::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 58px;
    width: 15px;
    height: 15px;
    background: url(../images/circle.png) no-repeat
}
.home3 .box {
    height: 80%;
    background-color: #eff9ff;
    padding: 50px 30px;
    margin-top: -40px
}
.home3 .box .t {
    font-size: 22px;
    color: #666666;
    margin-bottom: 6px
}
@media screen and (max-width: 1280px) {
    .home3 .box .t {
        font-size: 18px
    }
}
.home3 .box .p {
    font-size: 16px;
    color: #999999;
    margin-top: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.home3 .p:first-child {
    margin-top: 0
}
.home4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 0;
    background: #f8f8f8 url(../images/home4_bg.png) no-repeat center bottom
}
.home4 .more {
    display: block
}
.home4 .t {
    font-size: 24px;
    margin-bottom: 17px
}
@media screen and (max-width: 1280px) {
    .home4 .t {
        font-size: 18px
    }
}
.home4 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 80px auto
}
.home4 .list .pic {
    position: relative;
    position: relative;
    overflow: hidden;
    width: 76px;
    margin: 0 auto
}
.home4 .list .pic::before {
    content: '';
    display: block;
    padding-top: 100%
}
.home4 .list .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.home4 .list .item {
    background: #fff;
    border: 1px solid #ececec;
    width: calc(100% / 5);
    position: relative;
    height: 304px;
    text-align: center
}
.home4 .list .item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 60px 0 40px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.home4 .list .mask {
    display: none
}
.home4 .list .see {
    display: none;
    font-size: 14px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.home4 .list .bak {
    display: none
}
.home4 .list .h {
    font-size: 24px;
    margin-top: 30px;
    text-align: center;
    line-height: 1.3;
    z-index: 50;
    position: relative
}
@media screen and (max-width: 1280px) {
    .home4 .list .h {
        font-size: 18px
    }
}
.home4 .list .p {
    font-size: 16px;
    color: #fff;
    opacity: 0;
    margin: 25px 50px;
    text-align: center;
    z-index: 50;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 7.5em;
    text-overflow: ellipsis;
    overflow: hidden
}
.home4 .list .line {
    width: 33px;
    height: 2px;
    background: #fe6a00;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.home4 .back {
    position: relative;
    overflow: hidden;
    width: 325px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden
}
.home4 .back::before {
    content: '';
    display: block;
    padding-top: 122.15385%
}
.home4 .back .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
@-webkit-keyframes slide-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
}
@keyframes slide-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
}
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes flip-out-ver-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0
    }
}
@keyframes flip-out-ver-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0
    }
}
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
.home5 {
    padding: 134px 0 140px
}
.home5 .more {
    display: block
}
.home5 .cont {
    margin-top: 63px;
    position: relative
}
.home5 .cont .slick-mod {
    padding: 0 82px;
    margin: 0 -10px
}
.home5 .cont .slick-slide {
    margin: 0 10px
}
.home5 .cont .slick-slide a {
    display: block
}
.home5 .cont .slick-slide .img {
    position: relative;
    overflow: hidden
}
.home5 .cont .slick-slide .img::before {
    content: '';
    display: block;
    padding-top: 56.14035%
}
.home5 .cont .slick-slide .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.home5 .cont .slick-slide .img .vbtn {
    width: 40px;
    height: 40px;
    background-image: url(../images/play.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.home5 .cont .slick-arrow {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 74px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/prev.png)
}
.home5 .cont .slick-arrow.slick-prev {
    left: 0
}
.home5 .cont .slick-arrow.slick-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 0
}
.home5 .cont .slick-slide .text {
    text-align: center;
    font-size: 18px;
    padding: 0 10px;
    margin-top: 28px
}
@media screen and (max-width: 1280px) {
    .home5 .cont .slick-slide .text {
        font-size: 16px
    }
}
@media screen and (max-width: 1400px) {
    .home1 .x-wrap {
        width: 1100px
    }
    .home1 .p {
        width: 100%
    }
}
@media screen and (min-width: 769px) {
    .home0 .slick-slide .cont {
        -webkit-animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
        animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both
    }
    .home0 .slick-current .cont {
        -webkit-animation: fade-in-right 0.8s 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in-right 0.8s 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both
    }
    .home1 .slick-slide .img {
        -webkit-animation: flip-out-ver-left 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
        animation: flip-out-ver-left 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both
    }
    .home1 .slick-slide .text {
        -webkit-animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
        animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both
    }
    .home1 .slick-current .img {
        -webkit-animation: scale-in-center 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        animation: scale-in-center 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
    }
    .home1 .slick-current .text {
        -webkit-animation: fade-in-right 0.8s 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in-right 0.8s 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both
    }
    .home2 .img:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    .home2 .btn:hover img {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px)
    }
    .home2 .desc .p:hover {
        color: #fe6a00
    }
    .home3 .item:hover .box {
        /*background: #edfcfc url(../images/home3_bg.png) no-repeat center bottom;*/
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
    .home3 .item:hover .h {
        background: url(../images/pic1.png) no-repeat center center;
        -webkit-transition: all 0.2s;
        transition: all 0.2s
    }
    .home3 .item:hover .t {
        color: #225bb2
    }
    .home3 .item:hover .h::after {
        display: none
    }
    .home3 .item:hover .p {
        color: #b0b5b5
    }
    .home3 .item:hover span {
        opacity: 0
    }
    .home3:hover::after {
        top: 38.5%
    }
    .home3 .detail:hover {
        color: #fe6a00
    }
    .home4 .item:hover a {
        padding-top: 36px;
        width: 325px;
        height: 397px;
        z-index: 20;
        color: #fff;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-box-shadow: 0 23px 38px rgba(0, 0, 0, 0.2);
        box-shadow: 0 23px 38px rgba(0, 0, 0, 0.2)
    }
    .home4 .item:hover .back {
        opacity: 1;
        visibility: visible;
        -webkit-transform: all 0.32s;
        transform: all 0.32s
    }
    .home4 .item:hover .h {
        margin-top: 10px
    }
    .home4 .item:hover .mask {
        display: block
    }
    .home4 .item:hover .p {
        opacity: 1
    }
    .home4 .item:hover .line {
        display: none
    }
    .home4 .item:hover .see {
        display: block
    }
    .home4 .see img {
        margin-left: 10px
    }
    .home4 .item:hover .bak {
        display: block
    }
    .home4 .item:hover .ico {
        display: none
    }
    .home5 .cont .slick-slide:hover .img .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05)
    }
}
@media screen and (max-width: 1280px) {
    .home1 .x-wrap {
        width: 100%
    }
    .home1 .img {
        margin-left: 0
    }
    .home1 .img .i {
        width: 100%
    }
    .home1 .p {
        width: 100%
    }
    .home1 .slick-item {
        display: block
    }
    .home1 .slick-arrow {
        bottom: 5%;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%
    }
    .home1 .slick-arrow.slick-prev {
        left: 0
    }
    .home1 .slick-arrow.slick-next {
        right: 70%
    }
    .home1 .h {
        text-align: center
    }
    .home1 .text {
        margin-left: 0;
        margin-top: 20px
    }
    .home1 .more {
        margin: 30px 0 30px auto;
        width: 180px
    }
    .home2 {
        height: 100%
    }
    .home2 .x-wrap {
        padding: 40px 0
    }
    .home2 .search {
        width: 95%;
        height: 90px;
        margin: 20px auto;
        padding: 13px 15px 20px
    }
    .home2 .search input, .home2 .search button, .home2 .search textarea, .home2 .search select {
        width: 100%;
        font-size: 16px
    }
    .home2 .search .textbox {
        margin: 17px 0 17px 15px;
        width: 100%
    }
    .home2 .btn {
        margin-top: 15px
    }
    .home2 input::-webkit-input-placeholder {
        font-size: 14px
    }
    .home2 input::-moz-placeholder {
        font-size: 14px
    }
    .home2 input:-ms-input-placeholder {
        font-size: 14px
    }
    .home2 input::-ms-input-placeholder {
        font-size: 14px
    }
    .home2 input::placeholder {
        font-size: 14px
    }
    .home3 {
        padding: 20px 0;
        background-size: 100%
    }
    .home3 .list {
        display: block
    }
    .home3 .list .item {
        margin-right: 0;
        width: 100%
    }
    .home3 .box {
        width: 100%;
        padding: 20px 25px;
        text-align: center;
    }
    .home3 .h {
        font-size: 50px
    }
    .home3 .h::after {
        display: none
    }
    .home3::after {
        display: none
    }
    .home4 {
        padding: 70px 0;
        background-size: 100%
    }
    .home4 .list {
        display: block;
        text-align: center;
        margin: 40px 40px 0
    }
    .home4 .list .item {
        width: 50%;
        /*margin-top: 5px;*/
        float: left;
    }
    .home4 .list .item::after {
        left: 113px
    }
    .home4 .more {
        margin: 30px auto 0
    }
    .home4 .list .item {
        height: 200px
    }
    .home4 .list .item a {
        padding: 30px 0 0
    }
    .home4 .list .h {
        margin-top: 10px
    }
    .home5 {
        padding: 70px 0
    }
    .home5 .cont {
        margin-top: 30px
    }
    .home5 .cont .slick-mod {
        padding: 0
    }
    .home5 .cont .slick-slide .text {
        margin-top: 10px
    }
    .home5 .cont .slick-arrow {
        position: static;
        top: 0;
        width: 30px;
        height: 30px;
        margin: 0 5px
    }
    .home5 .cont .slick-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }
    .home5 .more {
        margin: 30px auto 0
    }
    .home0 .cont {
        width: 100%;
        height: auto;
        display: block;
        padding: 40px 15px 120px;
        margin-left: 0
    }
    .home0 .cont .desc .scroll-mod {
        height: auto
    }
    .home0 .cont .more {
        margin-top: 25px
    }
    .home0 .cont {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 15px 50px
    }
    .home0 .cont .title {
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .home0 .cont .desc {
        margin-top: 10px
    }
    .home0 .cont .desc .p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .home0 .bg {
        position: relative;
        position: relative;
        overflow: hidden
    }
    .home0 .bg::before {
        content: '';
        display: block;
        padding-top: 33.33333%
    }
    .home0 .bg .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
    .home0 .slick-arrow {
        position: absolute;
        width: 30px;
        height: 30px
    }
    .home0 .slick-arrow.slick-prev {
        left: 5px
    }
    .home0 .slick-arrow.slick-next {
        right: 5px
    }
}
.ivet1 .x-wrap {
    padding-top: 82px;
    padding-bottom: 139px
}
.ivet1 .x-wrap .litm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ivet1 .x-wrap .litm .right {
    width: 925px;
    padding: 0 32px
}
.ivet1 .x-wrap .litm .right .text {
    font-size: 18px;
    line-height: 30px;
    color: #666666
}
@media screen and (max-width: 1280px) {
    .ivet1 .x-wrap .litm .right .text {
        font-size: 16px
    }
}
.ivet1 .x-wrap .litm .right .slick-mod {
    position: relative;
    margin-top: 50px
}
.ivet1 .x-wrap .litm .right .slick-mod .img {
    width: 860px;
    height: 465px
}
.ivet1 .x-wrap .litm .right .slick-mod .img img {
    width: 860px;
    height: 465px
}
.ivet1 .x-wrap .litm .right .slick-prev {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    position: absolute;
    left: 10px;
    bottom: 45%
}
.ivet1 .x-wrap .litm .right .slick-next {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 10px;
    bottom: 45%;
    position: absolute
}
.ivet1 .x-wrap .litm .right .slick-next:hover {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.ivet1 .x-wrap .litm .right .slick-prev:hover {
    background: url(../images/ivetimg2.png) no-repeat center center/cover;
    width: 54px;
    height: 45px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
@media screen and (max-width: 1280px) {
    .ivet1 .x-wrap {
        padding-top: 32px;
        padding-bottom: 39px
    }
    .ivet1 .x-wrap .litm {
        display: block;
        margin-top: 20px;
        width: 100%
    }
    .ivet1 .x-wrap .litm .right {
        width: 100%;
        padding: 0 15px;
        margin-top: 20px
    }
    .ivet1 .x-wrap .litm .right .text {
        font-size: 18px;
        line-height: 30px;
        color: #666666
    }
    .ivet1 .x-wrap .litm .right .slick-mod {
        position: relative;
        margin-top: 50px;
        width: 100%
    }
    .ivet1 .x-wrap .litm .right .slick-mod .img {
        width: 100%;
        height: 100%
    }
    .ivet1 .x-wrap .litm .right .slick-mod .img img {
        width: 100%;
        height: 100%
    }
    .ivet1 .x-wrap .litm .right .slick-prev {
        bottom: 35%
    }
    .ivet1 .x-wrap .litm .right .slick-next {
        bottom: 35%
    }
}
.pop-demo1 .icon-close::before {
    content: ""
}
.pop-demo1 .icon-close {
    background: url(../images/cha.png) no-repeat center
}
.pop-demo1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #225bb2
}
.pop-demo1 .sub {
    width: 219px;
    height: 46px;
    background-color: #fe6a00;
    color: #fff;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px auto;
    position: relative
}
@media screen and (max-width: 1280px) {
    .pop-demo1 .sub {
        font-size: 16px
    }
}
.pop-demo1 .sub .a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.pop-demo1 .h {
    font-size: 24px;
    color: #333333
}
@media screen and (max-width: 1280px) {
    .pop-demo1 .h {
        font-size: 18px
    }
}
.pop-demo1 .p {
    font-size: 14px;
    line-height: 24px;
    color: #ff0000;
    margin-left: 205px;
    margin-top: 10px;
    position: absolute;
    left: -4px;
    top: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}
.pop-demo1 .pop-dialog {
    padding: 40px 50px;
    width: 1230px
}
.pop-demo1 .h {
    margin-bottom: 10px
}
.pop-demo1 .up {
    height: 390px
}
.pop-demo1 .list {
    margin-top: 30px
}
.pop-demo1 .li:first-child {
    height: 52px
}
.pop-demo1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}
.pop-demo1 .li .xb {
    color: #666666;
    font-size: 18px;
    margin-right: 15px;
    line-height: 53px;
}
@media screen and (max-width: 1280px) {
    .pop-demo1 .li .xb {
        font-size: 16px
    }
}
.pop-demo1 .li .text {
    color: #666666;
    font-size: 18px;
    margin-right: 15px;
    line-height: 53px;
}
@media screen and (max-width: 1280px) {
    .pop-demo1 .li .text {
        font-size: 16px
    }
}
.pop-demo1 .li input {
    width: 364px;
    height: 52px;
    border: 1px solid #e9e9e9;
    padding: 0px 5px;
}
.pop-demo1 .li .input1 {
    width: 50%
}
.pop-demo1 .li .yazm {
    width: 50%
}
.pop-demo1 .li .yazm img {
    position: relative;
    overflow: hidden;
    width: 173px
}
.pop-demo1 .li .yazm img::before {
    content: '';
    display: block;
    padding-top: 24.85549%
}
.pop-demo1 .li .yazm img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.pop-demo1 .li .left {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: -59px;
    position: relative
}
.pop-demo1 .li .right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}
.pop-demo1 .li .right1 {
    width: 50%
}
.pop-demo1 .li .y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.pop-demo1 .li .sex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    margin-left: 138px
}
.pop-demo1 .li .sex .div {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    width: 110px;
    position: relative
}
.pop-demo1 .li .sex .div .icon {
    position: absolute;
    left: 0;
    top: 20px;
    background: url(../images/grey.png) no-repeat center center;
    width: 12px;
    height: 12px
}
.pop-demo1 .li .sex .cur .icon {
    background: url(../images/blue.png);
    position: absolute;
    left: 0;
    top: 20px
}
.pop-demo1 .fi {
    width: 364px;
    height: 52px;
    border: 1px solid #e9e9e9;
    color: #666;
    border-radius: 0px
}
.pop-demo1 .fi .img {
    opacity: 0
}
.pop-demo1 .fi .imgs {
    cursor: pointer;
    height: 52px;
    line-height: 52px;
    padding: 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width: 364px
}
.pop-demo2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #225bb2
}
.pop-demo2 .sc {
    height: 393px
}
.pop-demo2 .icon-close::before {
    content: ""
}
.pop-demo2 .icon-close {
    background: url(../images/cha.png) no-repeat center
}
.pop-demo2 .pop-dialog {
    padding: 40px 50px;
    width: 1230px
}
.pop-demo2 .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.pop-demo2 .tit .t {
    font-size: 24px;
    color: #333;
    line-height: 24px
}
@media screen and (max-width: 1280px) {
    .pop-demo2 .tit .t {
        font-size: 18px
    }
}
.pop-demo2 .tit .p {
    font-size: 18px;
    color: #666;
    line-height: 27px;
    margin-left: 50px
}
@media screen and (max-width: 1280px) {
    .pop-demo2 .tit .p {
        font-size: 16px
    }
}
.pop-demo2 .text {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.pop-demo2 .left {
    width: 50%
}
.pop-demo2 .left .li {
    width: 460px
}
.pop-demo2 .right {
    width: 50%
}
.pop-demo2 .right .li {
    width: 504px
}
.pop-demo2 .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}
.pop-demo2 .des {
    margin-left: 8px
}
.pop-demo2 .li {
    font-size: 18px;
    line-height: 30px;
    color: #666
}
@media screen and (max-width: 1280px) {
    .pop-demo2 .li {
        font-size: 16px
    }
}
body:not(.lang-en) .pop-demo2 .li {
    text-align: justify;
    text-justify: inter-ideograph
}
.join .select-mod {
    border: 2px solid #e2f5f6
}
.join .search {
    margin-top: 50px
}
.join .demo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.join .dl {
    width: 312px;
    height: 51px
}
.join .placeholder {
    font-size: 18px;
    line-height: 24px;
    color: #333
}
@media screen and (max-width: 1280px) {
    .join .placeholder {
        font-size: 16px
    }
}
.join .search-mod .search-box {
    border-radius: 0px;
    position: relative;
    background-color: #fe6a00
}
.join .select-mod .select-bar {
    border-radius: 0;
    height: 46px;
    border: none
}
.join .input {
    width: 241px;
    height: 50px;
    background-color: #fe6a00;
    position: relative
}
.join .input .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.join .input .ss {
    color: #fff;
    margin-left: 10px
}
.join .input .a {
    display: block;
    width: 312px;
    height: 51px;
    background-color: rgba(0, 0, 0, 0)
}
.join .xicon {
    background: url(../images/join_icon2.png) no-repeat center center
}
.join .icon-down::before {
    content: ""
}
.join .big {
    width: 100%;
    margin-top: 30px
}
.join .table {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    height: auto;
    width: 100%
}
@media screen and (max-width: 1280px) {
    .join .table {
        font-size: 16px
    }
}
.join .table .dl {
    width: 100%
}
.join .table table {
    width: 100%
}
.join .table tr {
    height: 50px;
    width: 100%
}
.join .table th {
    background-color: #fe6a00;
    color: #fff;
    font-weight: normal;
    text-align: center
}
.join .table td:first-child {
    color: #333333
}
.join .table td:last-child {
    border-right: 2px solid #cff1ef
}
.join .table td {
    border: 1px solid #cff1ef;
    color: #666666
}
.join .table td a {
    color: #225bb2
}
.join .table td a:hover {
    border-bottom: 1px solid #225bb2
}
.join .table .scroll-mod {
    width: 100%;
    max-height: 751px
}
@media screen and (max-width: 1280px) {
    .join {
        padding-bottom: 140px
    }
    .join .scroll-bar-x {
        display: none
    }
    .join .demo {
        display: block;
        text-align: center
    }
    .join .dl {
        width: 100%;
        height: 51px
    }
    .join .big {
        overflow: auto
    }
    .join .table {
        width: 768px
    }
    .join .table table {
        width: 100% x
    }
    .join .table td {
        padding: 0
    }
    .join .input {
        margin: 10px auto
    }
    .join .big {
        width: 100%
    }
    .pop-demo1 .fi .imgs {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all
    }
    .pop-demo2 {
        width: 100%
    }
    .pop-demo2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #225bb2
    }
    .pop-demo2 .tit {
        display: block
    }
    .pop-demo2 .tit .p {
        margin-left: 0px
    }
    .pop-demo2 .pop-dialog {
        padding: 20px 10px
    }
    .pop-demo2 .text {
        display: block;
        padding-right: 10px
    }
    .pop-demo2 .left {
        width: 100%
    }
    .pop-demo2 .left .li {
        width: 100%
    }
    .pop-demo2 .right {
        width: 100%
    }
    .pop-demo2 .right .li {
        width: 100%
    }
}
@media screen and (max-width: 400px) {
    .pop-demo1 .right .sex .div {
        width: 32%
    }
}
@media screen and (max-width: 1000px) {
    .pop-demo1 {
        width: 100%
    }
    .pop-demo1 .fi {
        width: 100%;
        height: 40px
    }
    .pop-demo1 .fi .imgs {
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all;
        height: 40px;
        line-height: 40px
    }
    .pop-demo1 .tan {
        display: block
    }
    .pop-demo1 .li {
        display: block;
        margin: 10px 0px
    }
    .pop-demo1 .li .p {
        right: 0;
        top: 37px;
        left: -214px
    }
    .pop-demo1 .li .text {
        width: 200px;
        line-height: 40px
    }
    .pop-demo1 .li .xb {
        width: 200px
    }
    .pop-demo1 .li input {
        width: 100%;
        height: 40px
    }
    .pop-demo1 .li .left {
        width: 100%;
        margin-left: 0px
    }
    .pop-demo1 .li .right {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-top: 10px
    }
    .pop-demo1 .li .right1 {
        width: 100%;
        height: 52px
    }
    .pop-demo1 .li .sex {
        margin-left: 0px;
        height: 52px
    }
    .pop-demo1 .li .yy {
        width: 100%
    }
    .pop-demo1 .li .y {
        height: 54px
    }
    .pop-demo1 .li .input1 {
        width: 50%;
        height: 100%
    }
    .pop-demo1 .li .yzm img {
        width: 100%;
        height: 100%
    }
    .pop-demo1 .li .top {
        margin-top: 40px
    }
    .pop-demo1 .li:last-child .right {
        display: block;
        margin-top: 20px
    }
    .pop-demo1 .pop-dialog {
        padding: 50px 20px 40px 20px;
        width: 100%
    }
    .pop-demo1 .sub {
        width: 100%
    }
}
.mice .select-mod {
    cursor: pointer
}
.mice .select-mod .select-btn {
    line-height: 52px
}
.mice .select-mod .select-val input {
    cursor: pointer
}
.mice .title {
    font-size: 32px
}
@media screen and (max-width: 1280px) {
    .mice .title {
        font-size: 22px
    }
}
.mice .list {
    margin-top: 40px;
    max-height: 500px
}
.mice .pop-dialog {
    width: 1230px;
    border-radius: 18px;
    padding: 85px 25px 40px 85px
}
.mice .h {
    font-size: 32px;
    text-align: center
}
@media screen and (max-width: 1280px) {
    .mice .h {
        font-size: 22px
    }
}
.mice .input {
    border: 2px solid #ddd;
    height: 52px;
    width: 365px
}
.mice .input input, .mice .input select {
    width: 100%;
    padding: 0 10px;
    height: 100%
}
.mice .texttab {
    color: #999999;
    line-height: 28px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 60px
}
.mice .texttab .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mice .texttab .top .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}
.mice .texttab .top .form .p {
    line-height: 52px;
    margin-right: 15px
}
.mice .texttab .top .form .input {
    border: 2px solid #ddd;
    height: 52px;
    width: 235px
}
.mice .texttab .top .form .input .select-mod .select-bar {
    height: 52px;
    border: none;
    border-radius: 5px;
    overflow: hidden
}
.mice .texttab .top .form .input .select-mod .select-txt {
    position: relative;
    padding: 0;
    height: 100%;
    overflow: hidden
}
.mice .texttab .top .form .input .select-mod .select-item {
    padding: 0 10px;
    line-height: 52px;
    cursor: pointer;
    color: #000
}
.mice .texttab .top .form .input .select-mod .select-item.cur {
    color: #fff;
    background-color: #fe6a00
}
.mice .texttab .top .form .input .select-mod .select-item {
    padding: 0 10px;
    line-height: 52px;
    cursor: pointer
}
.mice .texttab .top .form .input .select-mod .select-btn {
    margin-right: 20px
}
.mice .texttab .top .form .input .select-mod .select-cont, .mice .texttab .top .form .input .select-mod .select-query {
    padding: 0
}
.mice .texttab .top .form .input .select-mod .select-item:hover {
    background-color: #fe6a00;
    color: #fff
}
.mice .texttab .top .form .input .select-mod .select-cont::before, .mice .texttab .top .form .input .select-mod .select-query::before {
    border-radius: 0px
}
.mice .texttab .select-mod .select-val {
    padding: 0 10px
}
.mice .texttab .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}
.mice .texttab .bottom .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.mice .texttab .bottom .form .p {
    line-height: 52px;
    margin-right: 15px
}
.mice .texttab .bottom .form1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.mice .texttab .bottom .form1 .p {
    line-height: 52px;
    margin-right: 15px;
    width: 70px
}
.mice .texttab .bottom .form1 .input {
    border: 2px solid #ddd;
    height: 52px;
    width: 165px
}
.mice .texttab .bottom .form1 .input .select-mod .select-bar {
    height: 52px;
    border: none;
    border-radius: 5px;
    overflow: hidden
}
.mice .texttab .bottom .form1 img {
    height: 52px;
    margin-left: 35px;
    width: 165px;
    cursor: pointer
}
.mice .sut {
    width: 219px;
    height: 46px;
    background-color: #fe6a00;
    color: #fff;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 50px;
    cursor: pointer
}
@media screen and (max-width: 1280px) {
    .mice .sut {
        font-size: 16px
    }
}
.mice .sut a {
    text-align: center
}
.mice .pop-mod .mCSB_scrollTools {
    width: 8px
}
.mice .pop-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #063a6b;
    width: 8px
}
.mice .pop-mod .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f4f4f4;
    width: 4px
}
.mice .pop-mod .demo .scroll-mod {
    max-height: 465px;
    margin-top: 20px
}
.mice1 .scroll-mod.scroll-axis-y {
    padding-right: 0
}
.mice1 .scroll-track-y {
    display: none
}
.mice1 .x-wrap {
    padding-bottom: 139px
}
.mice1 .x-wrap .title {
    margin-top: 72px
}
.mice1 .x-wrap .form .im {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 125px;
    padding: 58px 25px 30px 35px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}
.mice1 .x-wrap .form .im .h {
    font-size: 24px
}
.mice1 .x-wrap .form .im .it {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 15px
}
.mice1 .x-wrap .form .im .it .a {
    background-image: url(../images/miceimgbtbg.png);
    width: 140px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    margin: 0 15px
}
.mice1 .x-wrap .form table {
    width: 100%
}
.mice1 .x-wrap .form table p {
    padding: 0;
    margin: 0
}
.mice1 .x-wrap .form tr td {
    font-size: 18px;
    border: 1px solid #ccf0ee;
    padding: 15px 30px;
    background-color: #fe6a00;
    color: white
}
.mice1 .x-wrap .form tr td:nth-child(2n) {
    background-color: white;
    color: #666666
}
.mice1 .x-wrap .list {
    font-size: 18px;
    color: #666;
    margin-top: 50px
}
@media screen and (max-width: 1280px) {
    .mice1 .x-wrap .list {
        font-size: 16px
    }
}
.mice1 .x-wrap .list .li {
    margin: 5px 0
}
.mice1 .x-wrap .list .h {
    padding-right: 25px
}
.mice1 .x-wrap .list .link {
    position: relative;
    padding: 11px 35px;
    background-color: #225bb2;
    color: #fff;
    cursor: pointer;
    width: calc(100% - 20px)
}
.mice1 .x-wrap .list .link::after {
    width: 20px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: -19px;
    top: 0;
    background: #225bb2
}
.mice1 .x-wrap .list .menu {
    padding: 0 35px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}
.mice1 .x-wrap .list .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #fe6a00
}
.mice1 .x-wrap .list .cur .link {
    background-color: #fe6a00
}
.mice1 .x-wrap .list .cur .menu {
    padding: 25px 35px;
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}
.mice1 .x-wrap .list .cur .link::after {
    width: 20px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: -19px;
    top: 0;
    background: url(../images/icon_li.png) no-repeat center center/contain
}
.mice1 .x-wrap .list .cur .icon {
    border-top: 10px solid #225bb2;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}
.mice1 .x-wrap .list .menu {
    font-size: 18px;
    color: #666;
    font-family: arial
}
@media screen and (max-width: 1280px) {
    .mice1 .x-wrap .list .menu {
        font-size: 16px
    }
}
.mice1 .x-wrap .list .menu p {
    padding: 0;
    margin: 0
}
.mice1 .x-wrap .list .menu .p:first-child {
    margin-top: 0
}
.mice1 .x-wrap .list .menu p {
    text-align: left !important
}
.mice1 .x-wrap .list .menu .p {
    line-height: 30px;
    margin-top: 20px;
    color: #666
}
.mice1 .x-wrap .list .menu .p3 {
    line-height: 30px;
    margin-top: 30px;
    color: #666
}
.mice1 .x-wrap .list .menu .p1 {
    line-height: 50px;
    color: #000
}
.mice1 .x-wrap .list .menu .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0
}
.mice1 .x-wrap .list .menu img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}
.mice1 .x-wrap .list .menu span {
    line-height: 1;
    margin-top: 30px;
    color: #000
}
.mice1 .x-wrap .list .menu .p2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.mice1 .x-wrap .list .menu .p2 .img {
    padding: 0
}
.mice1 .x-wrap .list .menu .p2 .img2 {
    display: none
}
.mice1 .x-wrap .list .menu .p2 .txt1 {
    font-size: 18px;
    color: #225bb2;
    margin: 0 35px;
    line-height: 42px
}
@media screen and (max-width: 1280px) {
    .mice1 .x-wrap .list .menu .p2 .txt1 {
        font-size: 16px
    }
}
.mice1 .x-wrap .list .menu .p2 .txt2 {
    font-size: 16px;
    color: #225bb2;
    margin: 0 35px;
    line-height: 42px
}
.mice1 .x-wrap .list .menu .p2 .img:hover .img1 {
    display: none
}
.mice1 .x-wrap .list .menu .p2 .img:hover .img2 {
    display: block
}
.mice1 .x-wrap .list .menu .p2 .txt1:hover {
    color: #c70000
}
.mice1 .x-wrap .list .menu .p2 .txt2:hover {
    color: #c70000
}
.mice1 .x-wrap .list .menu .txt {
    margin-top: 20px
}
@media screen and (max-width: 1280px) {
    .mice .title {
        font-size: 32px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .mice .title {
        font-size: 22px
    }
}
@media screen and (max-width: 1280px) {
    .mice .list {
        margin-top: 40px;
        max-height: 500px
    }
    .mice .pop-dialog {
        width: 1230px;
        border-radius: 18px;
        padding: 35px 25px 40px 25px;
        margin: 10px 0
    }
    .mice .h {
        font-size: 32px;
        text-align: center
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .mice .h {
        font-size: 22px
    }
}
@media screen and (max-width: 1280px) {
    .mice .texttab {
        color: #999999;
        line-height: 28px;
        margin-top: 25px;
        margin-bottom: 0px;
        margin-right: 0px
    }
    .mice .texttab .top {
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .mice .texttab .top .form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        width: 100%
    }
    .mice .texttab .top .form .p {
        line-height: 40px;
        margin-right: 15px;
        width: 70px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .mice .texttab .top .form .input {
        border: 2px solid #ddd;
        height: 40px;
        width: calc(100% - 70px)
    }
    .mice .texttab .top .form .input .select-mod .select-bar {
        height: 40px;
        border: none;
        border-radius: 5px;
        overflow: hidden
    }
    .mice .texttab .top .form .input .select-mod .select-txt {
        position: relative;
        padding: 0;
        height: 100%;
        overflow: hidden
    }
    .mice .texttab .top .form .input .select-mod .select-item {
        padding: 0 10px;
        line-height: 40px;
        cursor: pointer;
        color: #000
    }
    .mice .texttab .top .form .input .select-mod .select-item.cur {
        color: #fff;
        background-color: #fe6a00
    }
    .mice .texttab .top .form .input .select-mod .select-item {
        padding: 0 10px;
        line-height: 40px;
        cursor: pointer
    }
    .mice .texttab .top .form .input .select-mod .select-btn {
        margin-right: 20px
    }
    .mice .texttab .top .form .input .select-mod .select-cont, .mice .texttab .top .form .input .select-mod .select-query {
        padding: 0
    }
    .mice .texttab .top .form .input .select-mod .select-item:hover {
        background-color: #fe6a00;
        color: #fff
    }
    .mice .texttab .top .form .input .select-mod .select-cont::before, .mice .texttab .top .form .input .select-mod .select-query::before {
        border-radius: 0px
    }
    .mice .texttab .bottom {
        display: block;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px
    }
    .mice .texttab .bottom .form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px
    }
    .mice .texttab .bottom .form .p {
        line-height: 40px;
        margin-right: 15px;
        width: 70px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .mice .texttab .bottom .form .input {
        border: 2px solid #ddd;
        height: 40px;
        width: calc(100% - 70px)
    }
    .mice .texttab .bottom .form .input .select-mod .select-bar {
        height: 40px;
        border: none;
        border-radius: 5px;
        overflow: hidden
    }
    .mice .texttab .bottom .form1 {
        margin-top: 30px
    }
    .mice .texttab .bottom .form1 .p {
        line-height: 40px;
        margin-right: 15px;
        width: 70px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .mice .texttab .bottom .form1 .input {
        border: 2px solid #ddd;
        width: 165px;
        height: 40px;
        width: 40%
    }
    .mice .texttab .bottom .form1 .input .select-mod .select-bar {
        height: 40px;
        border: none;
        border-radius: 5px;
        overflow: hidden
    }
    .mice .texttab .bottom .form1 img {
        width: 30%;
        height: 40px;
        margin-left: 10px
    }
    .mice .sut {
        width: 219px;
        height: 46px;
        background-color: #fe6a00;
        color: #fff;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 30px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .mice .sut {
        font-size: 16px
    }
}
@media screen and (max-width: 1280px) {
    .mice .sut a {
        text-align: center
    }
    .mice .pop-mod .mCSB_scrollTools {
        width: 8px
    }
    .mice .pop-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #063a6b;
        width: 8px
    }
    .mice .pop-mod .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #f4f4f4;
        width: 4px
    }
    .mice .pop-mod .demo .scroll-mod {
        max-height: 465px;
        margin-top: 20px
    }
    .mice1 .x-wrap {
        padding-bottom: 39px
    }
    .mice1 .x-wrap .title {
        margin-top: 32px
    }
    .mice1 .x-wrap .form .im {
        display: block;
        height: auto;
        padding: 38px 25px 30px 35px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .mice1 .x-wrap .form .im .h {
        font-size: 24px;
        text-align: center
    }
    .mice1 .x-wrap .form .im .it {
        position: static;
        display: block
    }
    .mice1 .x-wrap .form .im .it .a {
        background-image: url(../images/miceimgbtbg.png);
        width: 140px;
        height: 36px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 36px;
        margin: 10px auto
    }
    .mice1 .x-wrap .form table {
        width: 100%
    }
    .mice1 .x-wrap .form tr td {
        font-size: 18px;
        border: 1px solid #ccf0ee;
        padding: 15px 30px
    }
    .mice1 .x-wrap .list {
        font-size: 18px;
        color: #666;
        margin-top: 50px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .mice1 .x-wrap .list {
        font-size: 16px
    }
}
@media screen and (max-width: 1280px) {
    .mice1 .x-wrap .list .h {
        padding-right: 25px
    }
    .mice1 .x-wrap .list .link {
        position: relative;
        padding: 11px 35px;
        background-color: #225bb2;
        color: #fff;
        cursor: pointer;
        width: calc(100% - 20px)
    }
    .mice1 .x-wrap .list .link::after {
        width: 20px;
        height: 100%;
        display: block;
        content: "";
        position: absolute;
        right: -19px;
        top: 0;
        background: #225bb2
    }
    .mice1 .x-wrap .list .menu {
        padding: 0 35px;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        height: 0;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
    .mice1 .x-wrap .list .icon {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 10px solid #fe6a00
    }
    .mice1 .x-wrap .list .cur .link {
        background-color: #fe6a00
    }
    .mice1 .x-wrap .list .cur .menu {
        padding: 25px 15px;
        visibility: visible;
        opacity: 1;
        height: auto;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
    .mice1 .x-wrap .list .cur .link::after {
        width: 20px;
        height: 100%;
        display: block;
        content: "";
        position: absolute;
        right: -19px;
        top: 0;
        background: url(../images/icon_li.png) no-repeat center center/contain
    }
    .mice1 .x-wrap .list .cur .icon {
        border-top: 10px solid #225bb2;
        -webkit-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotate(-180deg)
    }
    .mice1 .x-wrap .list .menu {
        font-size: 18px;
        color: #666;
        font-family: arial
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .mice1 .x-wrap .list .menu {
        font-size: 16px
    }
}
@media screen and (max-width: 1280px) {
    .mice1 .x-wrap .list .menu .p:first-child {
        margin-top: 0
    }
    .mice1 .x-wrap .list .menu .p {
        line-height: 30px;
        margin-top: 30px;
        color: #666
    }
    .mice1 .x-wrap .list .menu .p3 {
        line-height: 30px;
        margin-top: 30px;
        color: #666
    }
    .mice1 .x-wrap .list .menu .p1 {
        line-height: 50px;
        color: #000
    }
    .mice1 .x-wrap .list .menu .img {
        display: block;
        padding: 20px 0 0 0
    }
    .mice1 .x-wrap .list .menu img {
        display: block;
        margin: 0 auto;
        max-width: 100%
    }
    .mice1 .x-wrap .list .menu span {
        line-height: 1;
        margin-top: 30px;
        color: #000
    }
    .mice1 .x-wrap .list .menu .p2 {
        display: block;
        text-align: center
    }
    .mice1 .x-wrap .list .menu .p2 .img2 {
        display: none
    }
    .mice1 .x-wrap .list .menu .p2 .img {
        margin: 10px 0
    }
    .mice1 .x-wrap .list .menu .p2 .txt1 {
        font-size: 18px;
        color: #225bb2;
        margin: 0 35px;
        line-height: 42px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .mice1 .x-wrap .list .menu .p2 .txt1 {
        font-size: 16px
    }
}
@media screen and (max-width: 1280px) {
    .mice1 .x-wrap .list .menu .p2 .txt2 {
        font-size: 16px;
        color: #225bb2;
        margin: 0 35px;
        line-height: 42px
    }
    .mice1 .x-wrap .list .menu .p2 .img:hover .img1 {
        display: none
    }
    .mice1 .x-wrap .list .menu .p2 .img:hover .img2 {
        display: block
    }
    .mice1 .x-wrap .list .menu .txt {
        margin-top: 0px
    }
    .mice .select-mod .select-btn {
        line-height: 40px
    }
}
.microorganism .p {
    padding: 40px 63px 40px 55px;
    width: 100%;
    height: auto;
    color: #666666;
    font-size: 16px;
    line-height: 30px
}
.microorganism .table .list1:nth-child(even) {
    background-color: #00F7DE
}
.microorganism .table .list1:nth-child(odd) {
    background-color: #fff
}
.microorganism .table .white {
    background-color: #fff
}
.microorganism .table .grey {
    background-color: #f8f8f8
}
.microorganism .table table {
    width: 100%
}
.microorganism .table th {
    font-weight: normal;
    background-color: #fe6a00;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    padding: 10px 0px 10px 42px
}
@media screen and (max-width: 1280px) {
    .microorganism .table th {
        font-size: 16px
    }
}
.microorganism .table td {
    border: 1px solid #cff1ef;
    padding: 10px 0px 10px 42px;
    font-size: 18px;
    line-height: 30px;
    color: #666
}
@media screen and (max-width: 1280px) {
    .microorganism .table td {
        font-size: 16px
    }
}
.microorganism .table td:last-child {
    padding: 10px 0px 10px 0px;
    border-left: none
}
.microorganism .table td:nth-last-child(2) {
    border-right: none
}
.microorganism .table .t {
    color: #333333;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding-left: 0px
}
@media screen and (max-width: 1280px) {
    .microorganism .table .t {
        font-size: 18px
    }
}
@media screen and (max-width: 1280px) {
    .microorganism .p {
        padding: 10px
    }
    .microorganism .table {
        overflow: auto
    }
    .microorganism .table table {
        overflow: auto;
        width: 768px
    }
    .microorganism .table td {
        padding: 5px;
        text-align: center
    }
    .microorganism .table th {
        padding: 5px;
        text-align: center
    }
}
.report1 {
    background: url(../images/bg-2.png) no-repeat left bottom
}
.report1 .tab-mod {
    margin-top: 77px
}
.report1 .tab-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.report1 .tracker-mod.dir-hor .tracker-item {
    font-size: 24px
}
.report1 .tab-term {
    background: #fff;
    border: 2px solid #CFEFF0;
    min-width: 220px;
    font-size: 24px;
    padding: 0 74px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin: 0 40px
}
@media screen and (max-width: 1280px) {
    .report1 .tab-term {
        font-size: 18px
    }
}
.report1 .tab-term.cur {
    background: #fe6a00;
    color: #fff;
    border: none
}
.report1 .tab-cont {
    margin-top: 40px
}
.report1 .tab-cont .tab-item {
    display: none
}
.report1 .tab-cont .tab-item.show {
    display: block
}
.report1 .tab-cont .tit {
    text-align: center;
    font-size: 24px
}
@media screen and (max-width: 1280px) {
    .report1 .tab-cont .tit {
        font-size: 18px
    }
}
.report1 .tab-cont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #CFEFF0;
    border-left: 1px solid #CFEFF0;
    margin-top: 40px
}
.report1 .tab-cont .link {
    width: 390px
}
.report1 .tab-cont .link1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.report1 .tab-cont .item {
    font-size: 18px;
    color: #666666;
    height: 50px;
    border-right: 1px solid #CFEFF0;
    border-top: 1px solid #CFEFF0;
    line-height: 50px;
    padding-left: 30px;
    background: #fff
}
@media screen and (max-width: 1280px) {
    .report1 .tab-cont .item {
        font-size: 16px
    }
}
.report1 .tab-cont .table {
    margin-top: 45px
}
.report1 .tab-cont .table table {
    width: 100%;
    background: #fff;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .report1 .tab-cont .table table {
        font-size: 16px
    }
}
.report1 .tab-cont .table th {
    background: #fe6a00;
    color: #fff;
    font-weight: normal;
    height: 50px
}
.report1 .tab-cont .table td {
    border: 1px solid #CCF0EE;
    height: 50px;
    color: #666666;
    text-align: center;
    width: 100px
}
.report1 .tab-cont .table td:first-child {
    text-align: left;
    padding: 12px 0 10px 26px;
    width: 233px;
    line-height: 1.75
}
.report1 .tab-cont .table th:first-child {
    text-align: left;
    padding-left: 30px
}
.report1 .table1 {
    width: 100%;
    margin-top: 40px
}
.report1 .table1 td {
    border: 1px solid #CCF0EE
}
.report1 .text {
    margin-top: 40px;
    text-align: center
}
.report1 .text .h {
    font-size: 20px;
    color: #333333
}
@media screen and (max-width: 1280px) {
    .report1 .text .h {
        font-size: 18px
    }
}
.report1 .text .p {
    font-size: 18px;
    color: #666666;
    margin-top: 38px
}
@media screen and (max-width: 1280px) {
    .report1 .text .p {
        font-size: 16px
    }
}
.report1 .text p {
    font-size: 18px;
    color: #666666
}
@media screen and (max-width: 1280px) {
    .report1 .text p {
        font-size: 16px
    }
}
.layui-laydate {
    width: 307px;
    margin-top: 0 !important
}
.layui-laydate thead {
    position: relative
}
.layui-laydate thead::after {
    width: 253px;
    height: 1px;
    background: #ccf0ee;
    bottom: 10px;
    left: 0;
    position: absolute;
    content: ""
}
.layui-laydate .layui-laydate-main {
    width: 100%
}
.layui-laydate .layui-this {
    border-radius: 50%;
    background-color: #fe6a00 !important
}
.layui-laydate th {
    padding-bottom: 26px !important
}
.layui-laydate .layui-laydate-header {
    padding: 20px 0 5px 20px !important;
    border-bottom: none !important
}
.layui-laydate .laydate-set-ym {
    color: #225bb2;
    text-align: left !important;
    width: auto
}
.layui-laydate .layui-icon.laydate-icon.laydate-next-y {
    display: none
}
.layui-laydate .layui-laydate-header i.laydate-prev-y {
    left: 200px
}
.layui-laydate .layui-icon.laydate-icon.laydate-prev-y {
    display: none
}
.layui-laydate .layui-laydate-header i.laydate-prev-m {
    left: 210px !important;
    color: #fe6a00
}
.layui-laydate .layui-laydate-header i.laydate-next-m {
    right: 3px !important;
    color: #99E0DD
}
.layui-laydate .layui-laydate-header i {
    top: 20px !important
}
.layui-laydate .layui-laydate-content {
    padding: 10px 20px !important
}
.layui-laydate, .layui-laydate-hint {
    border: none !important
}
.report2 {
    background: #f8f8f8 url(../images/d-bg.png) no-repeat bottom center;
    padding-top: 140px
}
.report2 .select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.report2 .select-mod {
    margin-right: 20px;
    width: calc(25% - 20px);
    background: #346DB5;
    border: none
}
.report2 .select-bar {
    border: none;
    height: 58px
}
.report2 .select-val.placeholder {
    color: #fff;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .report2 .select-val.placeholder {
        font-size: 16px
    }
}
.report2 .select-item {
    padding: 15px 0;
    text-align: center;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .report2 .select-item {
        font-size: 16px
    }
}
.report2 .select-cont {
    padding: 0
}
.report2 .select-opts {
    height: 100%
}
.report2 .select-btn {
    margin-right: 20px
}
.report2 .select-txt {
    padding-left: 30px;
    color: #fff
}
.report2 .select-item:hover {
    background: #fe6a00;
    color: #Fff
}
.report2 .icon-down::before {
    width: 12px;
    height: 9px;
    background: url(../images/sj.png);
    content: ""
}
.report2 .date {
    width: 25%;
    background: #346DB5;
    position: relative;
    height: 58px
}
.report2 .date input {
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 20;
    padding-left: 30px;
    cursor: pointer
}
.report2 .date input::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px
}
.report2 .date input::-moz-placeholder {
    color: #fff;
    font-size: 18px
}
.report2 .date input:-ms-input-placeholder {
    color: #fff;
    font-size: 18px
}
.report2 .date input::-ms-input-placeholder {
    color: #fff;
    font-size: 18px
}
.report2 .date input::placeholder {
    color: #fff;
    font-size: 18px
}
@media screen and (max-width: 1280px) {
    .report2 .date input::-webkit-input-placeholder {
        font-size: 16px
    }
    .report2 .date input::-moz-placeholder {
        font-size: 16px
    }
    .report2 .date input:-ms-input-placeholder {
        font-size: 16px
    }
    .report2 .date input::-ms-input-placeholder {
        font-size: 16px
    }
    .report2 .date input::placeholder {
        font-size: 16px
    }
}
.report2 .date:after {
    content: "";
    width: 26px;
    height: 26px;
    background: url(../images/date.png);
    position: absolute;
    right: 30px;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.report2 .list {
    margin-top: 48px
}
.report2 .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border: 2px solid #DFF4F3;
    padding: 18px 30px;
    font-size: 18px;
    margin-top: 20px
}
@media screen and (max-width: 1280px) {
    .report2 .list .item {
        font-size: 16px
    }
}
.report2 .list .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.report2 .list .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.report2 .list .p {
    margin-left: 20px
}
.report2 .list .pdf {
    width: 39px;
    height: 42px;
    background: url(../images/pdf.png) left
}
.report2 .list .down {
    width: 27px;
    height: 27px;
    background: url(../images/down.png) left;
    margin-left: 7px;
    display: block
}
@media screen and (min-width: 769px) {
    .report2 .item:hover .pdf {
        background-position: right
    }
    .report2 .item:hover .down {
        background-position: right
    }
    .report2 .item:hover {
        color: #225bb2
    }
}
@media screen and (max-width: 1280px) {
    .layui-laydate {
        left: 45px !important
    }
    .report1 .tab-mod {
        margin-top: 30px
    }
    .report1 .tab-term {
        margin: 0 20px;
        padding: 0 20px
    }
    .report1 .tab-cont .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .report1 .tab-cont .item {
        width: 100%;
        height: auto;
        padding: 10px 10px;
        line-height: 1.75
    }
    .report1 .table {
        overflow: auto
    }
    .report1 .table td {
        padding: 0 20px
    }
    .report1 .text .p {
        margin-top: 20px
    }
    .report2 .select {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .report2 .select-mod {
        width: 100%;
        margin-top: 10px;
        margin-right: 0
    }
    .report2 .date {
        width: 100%;
        margin-top: 10px
    }
    .report2 .date:after {
        right: 20px
    }
    .report2 .list .item {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 10px
    }
    .report2 .list .pdf {
        min-width: 39px
    }
    .report2 .list .p {
        margin-left: 10px
    }
    .report2 .list .right {
        margin-top: 10px
    }
    .report1 .tab-cont .table .table1 {
        width: 500px
    }
    .report1 .tab-cont .tab-item.show {
        overflow-x: auto
    }
}
.result-page {
    padding: 50px 0
}
.result-page .result-head .t {
    font-size: 1.7em
}
.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}
.result-page .result-list {
    margin-bottom: 50px
}
.result-page .result-list .list-item {
    padding: 30px 0;
    border-bottom: 1px solid #eee
}
.result-page .result-list .t {
    margin-bottom: 15px;
    font-size: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s
}
.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}
.result-page .key {
    color: #fe6a00
}
@media screen and (min-width: 769px) {
    .result-page .result-list .t:hover {
        color: #fe6a00
    }
}
.x-cont2 {
    background: #fafcff url(../images/x-bg.png) no-repeat bottom center
}
.service1 .text {
    padding: 0 30px;
    margin-top: 38px
}
.service1 .h {
    font-size: 20px;
    color: #333333
}
@media screen and (max-width: 1280px) {
    .service1 .h {
        font-size: 18px
    }
}
.service1 .p {
    font-size: 18px;
    color: #666666;
    margin-top: 18px
}
@media screen and (max-width: 1280px) {
    .service1 .p {
        font-size: 16px
    }
}
.service2 .title {
    display: none
}
.service2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 156px 0
}
.service2 .list .pic {
    position: relative;
    position: relative;
    overflow: hidden;
    width: 72px;
    margin: 0 auto
}
.service2 .list .pic::before {
    content: '';
    display: block;
    padding-top: 100%
}
.service2 .list .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.service2 .list .item {
    background: #fff;
    border: 1px solid #C8EDEE;
    width: calc(100% / 4);
    position: relative;
    height: 304px;
    text-align: center
}
.service2 .list .item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 60px 0 40px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.service2 .list .see {
    display: none
}
.service2 .list .bak {
    display: none
}
.service2 .list .h {
    font-size: 24px;
    margin-top: 30px;
    text-align: center;
    line-height: 1.3;
    padding: 0 10px
}
@media screen and (max-width: 1280px) {
    .service2 .list .h {
        font-size: 18px
    }
}
.service2 .list .line {
    width: 33px;
    height: 2px;
    background: #fe6a00;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.service2 .list .back {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 326px;
    z-index: 9;
    opacity: 0;
    visibility: hidden
}
.service2 .list .back::before {
    content: '';
    display: block;
    padding-top: 121.77914%
}
.service2 .list .back .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.service2 .m {
    background: url(../images/more.png);
    width: 296px;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 105px auto 0
}
@media screen and (max-width: 1280px) {
    .service2 .m {
        font-size: 16px
    }
}
.service2 .list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media screen and (min-width: 769px) {
    .service2 .item:hover a {
        position: relative;
        padding-top: 58px;
        width: 325px;
        height: 397px;
        z-index: 20;
        color: #fff;
        border: none;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-box-shadow: 0 23px 38px rgba(0, 0, 0, 0.2);
        box-shadow: 0 23px 38px rgba(0, 0, 0, 0.2)
    }
    .service2 .item:hover .h {
        margin-top: 12px
    }
    .service2 .item:hover .line {
        display: none
    }
    .service2 .item:hover .see {
        display: block;
        font-size: 14px;
        position: absolute;
        bottom: 80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .service2 .item:hover .back {
        opacity: 1;
        visibility: visible;
        -webkit-transform: all 0.32s;
        transform: all 0.32s
    }
    .service2 .see img {
        margin-left: 10px
    }
    .service2 .item:hover .bak {
        margin: 0 auto;
        display: block
    }
    .service2 .item:hover .ico {
        display: none
    }
}
@media screen and (max-width: 1280px) {
    .service1 .text {
        padding: 0 10px;
        margin-top: 20px
    }
    .service2 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .service2 .list .item {
        margin-top: 10px;
        width: 100%;
        height: auto
    }
    .service2 .list .item a {
        padding: 30px 0;
        width: 100%;
        height: auto;
        display: block;
        position: relative
    }
    .service2 .list .line {
        bottom: 20px
    }
    .service2 .m {
        margin-top: 30px
    }
}
.sitemap-page {
    padding: 50px 0
}
.sitemap-page .dl {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}
.sitemap-page .dt {
    font-size: 1.2em
}
.sitemap-page .dd {
    margin-top: 20px;
    padding-left: 4em
}
.sitemap-page .link {
    -webkit-transition: color .3s;
    transition: color .3s
}
.sitemap-page .link + .link {
    margin-left: 20px
}
@media screen and (min-width: 769px) {
    .sitemap-page .link:hover {
        color: #fe6a00
    }
}
.stform1 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 82px;
    padding-bottom: 140px
}
.stform1 .x-wrap .left {
    width: 770px;
    padding: 31px 50px 0 30px
}
.stform1 .x-wrap .left .h {
    font-size: 28px;
    line-height: 30px
}
@media screen and (max-width: 1280px) {
    .stform1 .x-wrap .left .h {
        font-size: 20px
    }
}
.stform1 .x-wrap .left .p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    margin-top: 35px
}
@media screen and (max-width: 1280px) {
    .stform1 .x-wrap .left .p {
        font-size: 16px
    }
}
.stform1 .x-wrap .right {
    width: 460px;
    background-color: #e1f4f3;
    padding: 31px 30px 34px 30px
}
.stform1 .x-wrap .right .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.stform1 .x-wrap .right .form .p {
    line-height: 50px
}
.stform1 .x-wrap .right .form .input {
    background-color: white;
    width: 339px;
    height: 50px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.stform1 .x-wrap .right .form input {
    padding: 0 20px;
    width: 339px;
    height: 30px;
    line-height: 30px;
    display: block
}
.stform1 .x-wrap .right .form .select-mod {
    width: 100%
}
.stform1 .x-wrap .right .form .select-mod .select-btn {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.stform1 .x-wrap .right .form .select-mod .select-bar {
    height: 50px;
    border: none;
    overflow: hidden
}
.stform1 .x-wrap .right .form .select-mod .select-txt {
    padding: 0 20px;
}
.stform1 .x-wrap .right .button {
    width: 173px;
    height: 41px;
    background-color: #fe6a00;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    line-height: 41px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer
}
.stform1 .x-wrap .right .button button {
    cursor: pointer
}
@media screen and (max-width: 1280px) {
    .stform1 .x-wrap .right .form .select-mod .select-bar {
        height: 40px
    }
    .stform1 .x-wrap {
        display: block;
        padding-top: 22px;
        padding-bottom: 30px
    }
    .stform1 .x-wrap .left {
        width: 100%;
        padding: 10px 0px 20px 0px
    }
    .stform1 .x-wrap .left .p {
        margin-top: 25px
    }
    .stform1 .x-wrap .right {
        width: 100%;
        background-color: #e1f4f3;
        padding: 31px 30px 34px 30px
    }
    .stform1 .x-wrap .right .form .p {
        width: 20%;
        line-height: 40px
    }
    .stform1 .x-wrap .right .form .input {
        width: 100%;
        line-height: 40px;
        height: 40px
    }
    .stform1 .x-wrap .right .form input {
        width: 100%;
        line-height: 40px;
        height: 40px;
        padding: 0px 20px
    }
    .stform1 .x-wrap .right .form .select-mod .select-val {
        top: 50%
    }
}
.surrogate1 .scroll-mod.scroll-axis-y {
    padding-right: 0
}
.surrogate1 .scroll-track-y {
    display: none
}
.surrogate1 .desc {
    font-size: 18px;
    margin-top: 40px;
    color: #666666;
    padding: 0 53px
}
@media screen and (max-width: 1280px) {
    .surrogate1 .desc {
        font-size: 16px
    }
}
.surrogate1 .h {
    font-size: 24px;
    margin-top: 38px;
    padding: 0 53px
}
@media screen and (max-width: 1280px) {
    .surrogate1 .h {
        font-size: 18px
    }
}
.surrogate1 .tab {
    font-size: 18px;
    color: #666;
    margin-top: 22px
}
@media screen and (max-width: 1280px) {
    .surrogate1 .tab {
        font-size: 16px
    }
}
.surrogate1 .tab table {
    width: 100%
}
.surrogate1 .tab th {
    background-color: #fe6a00;
    height: 51px;
    color: #fff;
    font-weight: normal;
    padding-left: 53px;
    padding-right: 20px;
    text-align: left
}
.surrogate1 .tab td {
    border: 1px solid #c8edee
}
.surrogate1 .tab tr {
    border: 1px solid #fe6a00
}
.surrogate1 .tab td {
    padding: 24px 0;
    padding-left: 53px;
    padding-right: 20px
}
.surrogate1 .tab th:last-child {
    padding: 0 53px;
    text-align: center;
    width: 210px
}
.surrogate1 .tab td:last-child {
    padding: 0 53px;
    text-align: center
}
.surrogate1 .bb {
    padding: 0 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #666666;
    margin-top: 20px
}
@media screen and (max-width: 1280px) {
    .surrogate1 .bb {
        font-size: 16px
    }
}
.surrogate1 .bb .icon {
    position: relative;
    overflow: hidden;
    width: 28px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.surrogate1 .bb .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}
.surrogate1 .bb .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.surrogate1 .bb .item {
    margin-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}
@media screen and (max-width: 1280px) {
    .surrogate1 .desc {
        padding: 0;
        margin-top: 20px
    }
    .surrogate1 .h {
        padding: 0
    }
    .surrogate1 .bb {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10px
    }
    .surrogate1 .tab table {
        width: 1000px
    }
    .surrogate1 .tab th {
        padding-left: 20px
    }
    .surrogate1 .tab td {
        padding-left: 20px
    }
    .surrogate1 .tab th:last-child {
        padding: 0 20px
    }
    .surrogate1 .tab td:last-child {
        padding: 0 20px
    }
}
.training1 .tabs {
    font-size: 24px;
    margin-top: 48px;
    text-align: center
}
@media screen and (max-width: 1280px) {
    .training1 .tabs {
        font-size: 18px
    }
}
.training1 .tabs .tab-item {
    margin-right: 80px;
    width: 220px;
    height: 56px;
    border: 1px solid #c8edee;
    background-color: #fff;
    cursor: pointer;
    line-height: 56px
}
.training1 .tab-item a {
    display: block;
    width: 100%;
    height: 100%
}
.training1 .tab-item.cur {
    color: #fff;
    background-color: #fe6a00;
    border: none
}
.training1 .tab-item:last-child {
    margin-right: 0
}
.training1 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.training1 .cont .inner {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.training1 .nlist {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.training1 .nlist .li {
    width: calc((100% - 60px) / 3);
    position: relative;
    margin-right: 30px;
    margin-top: 30px;
    border: 2px solid #c8edee
}
.training1 .nlist .li .img {
    position: relative;
    overflow: hidden
}
.training1 .nlist .li .img::before {
    content: '';
    display: block;
    padding-top: 67.69231%
}
.training1 .nlist .li .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.training1 .nlist .li .mask {
    background-color: rgba(0, 0, 0, 0.4)
}
.training1 .nlist .li .text {
    font-size: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 23px 30px 17px;
    border-top: none
}
@media screen and (max-width: 1280px) {
    .training1 .nlist .li .text {
        font-size: 16px
    }
}
.training1 .nlist .li .text .h {
    color: #666666;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden
}
.training1 .nlist .li .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: ""
}
.training1 .nlist .li .play {
    background: url(../images/play1.png) no-repeat center;
    width: 52px;
    height: 66px;
    position: absolute;
    left: 43.478260%;
    top: 37.878787%
}
.training1 .nlist .li:nth-child(3n) {
    margin-right: 0
}
.training1 .nlist .li .img .i {
    width: 100%;
    height: 100%
}
@media screen and (min-width: 769px) {
    .training1 .nlist .li:hover .play {
        background: url(../images/play2.png) no-repeat center
    }
}
@media screen and (max-width: 1280px) {
    .training1 .tabs {
        font-size: 20px
    }
}
@media screen and (max-width: 1280px) and (max-width: 1280px) {
    .training1 .tabs {
        font-size: 18px
    }
}
@media screen and (max-width: 1280px) {
    .training1 .tabs .tab-item {
        width: auto;
        margin-right: 15px;
        height: 50px;
        line-height: 50px;
        padding: 0 15px
    }
    .training1 .tabs .tab-item:last-child {
        margin-right: 0
    }
    .training1 .cont {
        display: block
    }
    .training1 .cont .inner {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-top: 30px
    }
    .training1 .nlist {
        display: block;
        margin-top: 0
    }
    .training1 .nlist .li {
        width: 100%
    }
    .training1 .nlist .li .img {
        width: 100%
    }
    .training1 .nlist .li .img .i {
        width: 100%
    }
}
.tumour1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 33px
}
.tumour1 .t {
    font-size: 24px;
    margin-bottom: 17px
}
@media screen and (max-width: 1280px) {
    .tumour1 .t {
        font-size: 18px
    }
}
.tumour1 .p {
    font-size: 18px;
    color: #666
}
@media screen and (max-width: 1280px) {
    .tumour1 .p {
        font-size: 16px
    }
}
.tumour1 .tit {
    font-size: 24px;
    text-align: center;
    margin-top: 75px
}
@media screen and (max-width: 1280px) {
    .tumour1 .tit {
        font-size: 18px
    }
}
.tumour1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 80px auto;
    width: 690px
}
.tumour1 .list .pic {
    position: relative;
    position: relative;
    overflow: hidden;
    width: 76px;
    margin: 0 auto
}
.tumour1 .list .pic::before {
    content: '';
    display: block;
    padding-top: 100%
}
.tumour1 .list .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.tumour1 .list .item {
    background: #fff;
    border: 1px solid #C8EDEE;
    width: calc(100% / 3);
    position: relative;
    height: 304px;
    text-align: center
}
.tumour1 .list .item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 60px 0 40px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.tumour1 .list .see {
    display: none;
    font-size: 14px;
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.tumour1 .list .bak {
    display: none
}
.tumour1 .list .h {
    font-size: 24px;
    margin-top: 30px;
    text-align: center;
    line-height: 1.3
}
@media screen and (max-width: 1280px) {
    .tumour1 .list .h {
        font-size: 18px
    }
}
.tumour1 .list .line {
    width: 33px;
    height: 2px;
    background: #fe6a00;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.tumour1 .back {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 326px;
    z-index: 9;
    opacity: 0;
    visibility: hidden
}
.tumour1 .back::before {
    content: '';
    display: block;
    padding-top: 121.77914%
}
.tumour1 .back .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
@media screen and (min-width: 769px) {
    .tumour1 .item:hover a {
        padding-top: 65px;
        width: 326px;
        height: 397px;
        z-index: 20;
        color: #fff;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-box-shadow: 0 23px 38px rgba(0, 0, 0, 0.2);
        box-shadow: 0 23px 38px rgba(0, 0, 0, 0.2)
    }
    .tumour1 .item:hover .back {
        opacity: 1;
        visibility: visible;
        -webkit-transform: all 0.32s;
        transform: all 0.32s
    }
    .tumour1 .item:hover .h {
        margin-top: 10px
    }
    .tumour1 .item:hover .line {
        display: none
    }
    .tumour1 .item:hover .see {
        display: block
    }
    .tumour1 .see img {
        margin-left: 10px
    }
    .tumour1 .item:hover .bak {
        display: block
    }
    .tumour1 .item:hover .ico {
        display: none
    }
}
@media screen and (max-width: 1280px) {
    .tumour1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding: 0;
        margin-top: 20px
    }
    .tumour1 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        margin-top: 10px;
        width: 100%
    }
    .tumour1 .list .item {
        margin-top: 10px;
        width: 100%;
        height: auto
    }
    .tumour1 .list .item a {
        padding: 30px 0;
        width: 100%;
        height: auto;
        display: block;
        position: relative
    }
    .tumour1 .list .line {
        bottom: 20px
    }
    .tumour1 .tit {
        margin-top: 30px
    }
    .tumour1 .m {
        margin-top: 30px
    }
}
.x-wrap {
    width: 100%;
}
.biomice1 {
    /*width: 60%;*/
    
    padding: 5px;
    border-top: #225bb2 4px solid;
    /*box-shadow: rgba(0,0,0,0.4) 0px 6px 10px;*/
    /*border: 1px solid #dcdcdc;*/
}
@media screen and (max-width: 1280px) {
    .biomice1 {
        width: 100%;
    }
    .x-wrap {
        width: 100%;
    }
}
.sxpre {
    margin-top: 20px;
}
.xspre1 {
    float: left;
}
.xspre2 {
    float: right;
}
.xspre1, .xspre2 {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    min-width: 36px;
    font-size: 16px;
    line-height: 34px;
    width: 45%;
    overflow: hidden;
    height: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.xspre1:hover, .xspre2:hover {
    color: white;
    background-color: #fe6a00;
}
.nyl {
    width: 50%;
    float: left;
}
.nyr {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.cpnr {
    width: 100%;
}
.normal2 {
    float: left;
    width: 20%;
    color: white;
    text-align: center;
    left: 0;
    bottom: -70px;
    font-size: 22px;
    font-weight: 600;
    margin: 1%;
    letter-spacing: 2px;
    border: 2px solid #225bb2;
    border-radius: 5px;
    cursor: pointer;
    flex-grow: 1;
}
.selected2 {
    float: left;
    width: 22%;
    color: white;
    text-align: center;
    left: 0;
    bottom: -70px;
    font-size: 22px;
    font-weight: 600;
    margin: 1%;
    background: #225bb2;
    letter-spacing: 2px;
    border: 2px solid #225bb2;
    border-radius: 5px;
    cursor: pointer;
}
.selected2 a {
    color: #FFF;
}
#ndivMainTab {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    line-height: 35px;
    /* display: flex; */
}
#ndivMainTab ul{
    display: flex;
}
.ndivContent {
    height: auto;
    clear: both;
    /* margin-left: 1%; */
    /* margin-right: 1%; */
    margin: 0 auto;
}
.ndivContent p {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 5px 5px 30px;
    margin: 0 auto;
    line-height: 35px;
    /* margin-bottom: 10px; */
}
.ndivContent p img {
    margin: 0 auto;
    line-height: 0;
}
.ndivContent strong {
    font-weight: 600;
}
.ndivContent p a {
    color: #ff0000;
}
.ndivContent h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    color: #0064c7;
    border-color: #0064c761;
    border-left-width: 0px;
    border-style: inset;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    letter-spacing: 1px;
    height: 45px;
    line-height: 40px;
    box-shadow: 0 0 10px rgb(8 122 193 / 48%);
    border-radius: 10px;
    margin: 10px 0;
}
.ndivContent h2:before {
    /*content: url("/images/h2left.png");*/
    /*margin-right: 6px;*/
    /*vertical-align: middle;*/
}
.ndivContent td {
    padding: 5px;
    border: 1px solid #183883;
}
.pczz, .ydzz, .pcsys, .ydsys, .jczx, .jczx1 {
    text-align: center;
    margin-bottom: 10px;
}
.jiancexiangmu, .jiancefanwei {
    background: #d5e2ff;
    float: left;
    font-size: 14px !important;
    padding: 5px 10px !important;
    margin: 0 0 10px 10px !important;
    border-radius: 5px;
    border: 1px #adcbfd solid;
    line-height: 20px !important;
}
.nrxiangmu, .nrfanwei {
    overflow: auto;
    margin: 10px;
}
.normal2 a {
    color: #fe6a00;
}
.pczz {
    display: block;
}
.ydzz {
    display: none;
}
.pcsys {
    display: block;
}
.sjsys {
    display: none;
}
.pcjclc {
    display: block;
}
.ydjclc {
    display: none;
}
@media all and (max-width: 800px) {
    .jczx {
        display: none;
    }
    .jczx1, .ydzz {
        text-align: center;
    }
    .caseshowd {
        display: none;
    }
    .xspre1, .xspre2 {
        width: 100%;
        text-align: center;
    }
    .x-container{
        width: 100%;
    }
}
@media all and (min-width: 800px) {
    .jczx1 {
        display: none;
    }
}
@media all and (max-width: 1280px) {
    .x-container{
        width: 100%;
    }
}
.agent-body {
    display: inline-block;
    margin-bottom: 1%;
    width: 100%;
    height: 250px;
}
.news-body {
    position: relative
}
.news-pic-box {
    position: absolute;
    top: 12px;
    left: 20px;
    width: 25%;
    background-position: center;
    background-size: cover;
    padding: 1%;
}
.news-text {
    /*box-shadow: 0 15px 30px 10px rgba(196, 203, 222, 0.43);*/
    border-radius: 2px;
    /*padding-left: 40px;*/
    margin-left: 30%;
    background-color: white;
    width: 70%;
}
.news-body:after {
    content: "";
    display: table;
    clear: both
}
.news-text-content {
    position: relative;
    overflow: hidden;
    height: 100%
}
.news-text-content ul {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
}
.news-text-content li {
    padding: 20px 20px;
    height: 100%;
    position: relative;
    list-style-type: none;
}
.news-text-content h1 {
    max-height: 56px;
    font-size: 22px;
    line-height: 24px;
    color: #383e63;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: .2s;
    margin-bottom: 10px
}
.news-text-content h1 a {
    display: block
}
.news-text-content p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 25px;
    color: #737895;
    position: relative;
}
.cui-btn {
    display: inline-block;
    height: 40px;
    /* width: 50%; */
    /* float: left; */
    padding: 0 30px;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: 0.2s;
    border-color: #fe6a00;
    background-color: #fe6a00;
    color: #fff;
    margin-left: 20%;
}
.cui-btn:hover {
    box-shadow: 0 8px 16px rgb(246 111 106 / 64%);
    background: white;
    color: #fe6a00;
}
.tempWrap ul {
    padding: 0;
}
@media screen and (max-width: 1280px) {
    .news-text-content li {
        float: left;
        width: 100%;
        padding: 10px;
    }
    .normal2, .selected2 {
        width: 45%;
    }
    .news-pic-box {
        display: none;
    }
    .news-text {
        margin-left: 0%;
        width: 100%;
    }
    .cui-btn {
        display: none;
    }
}
.biomice1 img {
    width: auto;
}
.caseshowconleftbtm {
    padding: 10px;
    border: 2px solid #225bb2;
    font-size: 14px;
}
.caseshowconleftbtm img {
    width: 100%;
    margin: 0 auto;
}
.caseshowconleftbtm .line {
    width: 100%;
    height: 2px;
    background: #225bb2;
    margin: 15px 0;
}
.advantages1 {
    margin-top: 20px;
    /* height: 100%; */
}
.service {
    margin: 0 auto;
    width: 80%;
    height: 140px;
    margin-top: 20px;
}
.advantages1 ul {
    margin: 0;
}
.advantages1 ul li {
    width: 24%;
    /* height: 150px; */
    float: left;
    margin-left: 1.33333%;
}
.advantages1 ul li:first-child {
    margin-left: 0;
}
.advantages1 ul li a {
    position: relative;
    width: 100%;
    display: block;
    box-shadow: 0 4px 8px rgb(19 177 222 / 30%);
}
.advantages1 ul li img {
    width: 100%;
    height: 100%;
    display: block;
}
.advantages1 ul li .txt {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
}
.advantages1 ul li h3 {
    width: 100%;
    line-height: 30px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    margin: auto;
}
.advantages1 ul li p {
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.advantages1 ul li.a2 a {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.advantages1 ul li.a3 p {
    /* color: #c4e2f7;*/
}
.advantages1 ul li:hover a {
    transform: translateY(-6px);
}
.advantages1 ul {
    float: left;
    padding-left: 0;
}
@media (min-width: 1087px) and (max-width: 1330px) {
    .service {
        margin: 0 auto;
        width: 100%;
        margin-top: 90px;
    }
}
@media (min-width: 300px) and (max-width: 1087px) {
    .service {
        margin: 0 auto;
        width: 100%;
        margin-top: 90px;
        display: none;
    }
    .advantages1 ul li {
        width: 24%;
        height: 110px;
        float: left;
        margin-left: 1.3%;
    }
    .advantages1 ul li .txt {
        position: absolute;
        top: 0px;
        right: 0;
        width: 100%;
    }
    .advantages1 ul {
        padding-bottom: 0px;
        height: 120px;
    }
}
@media (min-width: 50px) and (max-width: 1280px) {
    .service {
        display: none;
    }
}
.forms1 .table .scroll-cont a img {
    display: none;
}
.logo .widget-area-edit {
    top: 0px;
}
.bread-item a:last-child {
    color: #fe6a00;
}
.empty-data {
    width: 100%;
    font-size: 25px;
    padding-top: 8%;
    padding-bottom: 8%;
    text-align: center;
}
.logo .widget-area-edit {
    top: 0px;
}
.paging-box a:nth-child(n+2) {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    transition-property: color, background, border;
    transition-duration: .3s;
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px;
}
.paging-box b:first-child {
    border: 0px;
}
.paging-box a:hover {
    background-color: #225bb2;
    border-color: #225bb2;
    color: #fff
}
.paging-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
.paging-box b {
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px;
    background-color: #225bb2;
    border-color: #225bb2;
    color: #fff;
    cursor: default;
    pointer-events: none;
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    transition-property: color, background, border;
    transition-duration: .3s;
}
.fc-a {
    display: none;
}
@media (max-width: 760px) {
    .fc-a {
        width: 100%;
        display: block;
    }
    .fc-bg {
        width: 100%;
        height: 18.66vw;
    }
    .fc-cont {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 988;
        width: 100%;
        height: 55px;
        background-color: #ffffff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 10px rgb(72 178 245 / 82%);
    }
    .fc-box {
        width: 100%;
        position: relative;
        height: 13.33vw;
    }
    .fc-item {
        position: absolute;
        top: 0;
        height: 100%;
        width: 20%;
        text-align: center;
        padding-top: 4px;
    }
    .fc-b {
        display: inline-block;
        /* margin-bottom: 0.5vw; */
    }
    .fc-bimg1 {
        display: block;
    }
    .fc-bimg1 img {
        height: 6vw;
    }
    .fc-bimg2 {
        display: none;
    }
    .fc-bimg2 img {
        height: 6vw;
    }
    .fc-c {
        color: #333333;
        font-size: 3.2vw;
    }
    .fc-item.active .fc-bimg1 {
        display: none;
    }
    .fc-item.active .fc-bimg2 {
        display: block;
    }
    .fc-item.active .fc-c {
        /*color: #128fc8;*/
    }
    .fc-d {
        position: absolute;
        bottom: 0;
        left: 40%;
        display: block;
        padding-bottom: 2vw;
        width: 20%;
        text-align: center;
        font-weight: bold;
    }
    .fc-e {
        display: inline-block;
        width: 10.666vw;
        height: 10.666vw;
        line-height: 10.666vw;
        border-radius: 20%;
        /* margin-bottom: 2.2vw; */
        background-color: #ffffff;
        box-shadow: 0 0 10px rgb(0 126 205 / 74%);
        border-radius: 10px;
    }
    .fc-e img {
        width: 90%;
    }
    .fc-f {
        color: #0064c7;
        font-size: 3.2vw;
    }
    .fc-item1 {
        left: 0;
        top: 0;
    }
    .fc-item2 {
        left: 20%;
        top: 0;
    }
    .fc-item3 {
        right: 20%;
        top: 0;
    }
    .fc-item4 {
        right: 0;
        top: 0;
    }
}

#mini-btn {
    margin-bottom: 5px !important;
    margin-right: 10px !important;
}
.bottom {
    background: #fff;
    background: linear-gradient(#f7f7f8, #ffffff);
    width: 100%;
    height: 45px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    border-top: rgb(173 204 255) 1px solid;
    border-bottom: rgb(173 204 255) 1px solid;
    /*padding-top: 5px;*/
}
.bottom-con {
    width: fit-content;
    margin: 0 auto;
}
.bottom-h3 {
    background: url(/images/bottombar-icon.png) no-repeat 10px center;
    height: 40px;
    padding-right: 10px;
    border: rgb(255 89 0 / 30%) 2px solid;
    border-radius: 4px;
    font-size: 16px;
    color: #ff6a00;
    line-height: 40px;
    padding-left: 50px;
    float: left;
    margin-right: 2px;
}
.bottom-btn {
    background: #225bb2;
    width: 120px;
    height: 34px;
    border: none;
    border-radius: 4px;
    display: block;
    float: left;
    margin: 4px 0 0 8px;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 2px 3px rgba(6, 7, 4, 0.15);
    cursor: pointer;
}
.bottom-btn:hover {
    background: #fe6a00;
}
#close {
    background: url("/images/close.png") no-repeat 0 0;
    width: 23px;
    height: 23px;
    display: block;
    float: left;
    margin: 10px 0 0 16px;
    cursor: pointer;
}
.bottom-icon {
    background: url("/images/bottom-icon.png") no-repeat 0 0;
    width: 50px;
    height: 50px;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 18px;
    color: #9e9e9e;
    text-align: center;
    line-height: 24px;
    padding: 10px 0 0 10px;
    cursor: pointer;
    display: none;
    z-index: 99;
}
@media (min-width: 50px) and (max-width: 1280px) {
    .dbhf {
        display: none;
    }
    .nrbanner {
        display: none;
    }
    .news-title-content .js-title {
        display: none;
    }
    .main-im {
        display: none;
    }
}
@media (min-width: 750px) and (max-width: 1280px) {
    .x-header .logo {
        width: 250px;
    }
}

.catalogue-box {
    /* border: 2px solid #0064c7; */
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
        display: none;
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.main-im a, .main-im img {
    border: 0;
}
/*.main-im a {*/
/*    text-decoration: none;*/
/*}*/
/*.main-im a:hover {*/
/*    text-decoration: underline;*/
/*}*/
.main-im body {
    font: 12px/180%;
    color: #333333;
}
/*main css*/
.main-im {
    position: fixed;
    right: 10px;
    top: 150px;
    z-index: 100;
    width: 120px;
    height: 272px;
}

.main-im .qq-a {
    display: block;
    width: 120px;
    height: 116px;
    font-size: 14px;
    color: #37487c;
    text-align: center;
    position: relative;
}

.main-im .qq-a span {
    bottom: 5px;
    position: absolute;
    width: 120px;
    left: 0px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
}

.main-im .qq-hover-c {
    width: 80px;
    height: 80px;
    border-radius: 35px;
    position: absolute;
    left: 18px;
    top: 5px;
    overflow: hidden;
    z-index: 9;
}

.main-im .qq-container {
    z-index: 99;
    position: absolute;
    width: 120px;
    height: 118px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #dddddd;
    background: url(/images/qq-icon-bg.png) no-repeat center 8px;
}

.main-im .img-qq {
    max-width: 70px;
    display: block;
    position: absolute;
    left: 7px;
    top: 5px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-im .im-qq:hover .img-qq {
    max-width: 70px;
    left: 7px;
    top: 5px;
    position: absolute;
}

.main-im .im_main {
    background: #F9FAFB;
    border: 1px solid #dddddd;
    border-radius: 10px;
    background: #1651ab;
    display: none;
}

.main-im .im_main .im-tel {
    color: #000000;
    text-align: center;
    width: 100%;
    /* height: 140px; */
    border-bottom: 1px solid #dddddd;
    margin: 0px 0px 0px 0px;
    padding: 10px 0;
}

.main-im .im_main .im-tel div {
    font-size: 12px;
    margin-top: 6px;
    color: white;
    letter-spacing: 1px;
}

.main-im .im_main .im-tel .tel-num {
    color: #ffffff;
    margin-top: 8px;
    background-color: #ea7b05;
    border-radius: 5px;
    width: 90%;
    display: block;
    font-size: 14px;
    padding: 3px 0;
    margin: 0 auto;
    margin-top: 5px;
    font-weight: 800;
    letter-spacing: 2px;
}

.main-im .im_main .im-tel:hover {
    background: #1651ab;
}

.main-im .im_main .weixing-container {
    width: 55px;
    height: 47px;
    border-right: 1px solid #dddddd;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    background: url(/images/weixing-icon.png) no-repeat center center;
    float: left;
}

.main-im .im_main .weixing-show {
    width: 112px;
    height: 172px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -125px;
    top: -126px;
}

.main-im .im_main .weixing-show .weixing-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 6px;
    left: 112px;
    top: 134px;
    position: absolute;
    z-index: 2;
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #dddddd;
    border-width: 8px;
    left: 112px;
    top: 132px;
    position: absolute;
}

.main-im .im_main .weixing-show .weixing-ma {
    width: 104px;
    height: 103px;
    padding-left: 5px;
    padding-top: 5px;
}

.main-im .im_main .weixing-show .weixing-txt {
    position: absolute;
    top: 110px;
    left: 7px;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

.main-im .im_main .go-top {
    width: 120px;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    background: url(/images/totop-icon.png) no-repeat center center;
    float: right;
}

.main-im .im_main .go-top a {
    display: block;
    width: 52px;
    height: 47px;
}

.main-im .close-im {
    position: absolute;
    right: 10px;
    top: -12px;
    z-index: 100;
    width: 24px;
    height: 24px;
}

.main-im .close-im a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/close_im.png) no-repeat left top;
}

.main-im .close-im a:hover {
    text-decoration: none;
}

.main-im .open-im {
    cursor: pointer;
    margin-right: -9px;
    float: right;
    width: 35px;
    height: 101px;
    background: url(/images/open_im.png) no-repeat left top;
    background-size: contain;
}

.main-im .im_main .im-tel a:hover {
    background: #ffffff;
    color: #4d5c89;
}

.pace {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    right: 20px;
    bottom: 25px;
    width: 200px;
    height: 8px;
    border: 1px solid #000000;
    background-color: #fff;
}
.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transition: width 1s ease-in-out 1s linear;
    -moz-transition: width 1s ease-in-out 1s linear;
    -ms-transition: width 1s ease-in-out 1s linear;
    -o-transition: width 1s ease-in-out 1s linear;
    transition: width 1s ease-in-out 1s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 190px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    height: 4px;
    font-size: 12px;
    background: #000000;
    color: #000000;
    line-height: 20px;
    font-weight: bold;
    font-family: "èé…é‘";
}
.pace .pace-progress:after {
    content: attr(data-progress-text);
    display: inline-block;
    margin-top: 5px;
    line-height: 20px;
    text-align: center;
}
.pace.pace-inactive {
    display: none;
}
/*****/
#mini-btn, .pc-visitor-header, #btnSend {
    background-color: #225bb2 !important;
}
.pczz {
    line-height: 0 !important;
}
h1 {
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    text-shadow: #f3f3f3 1px 1px 0px, #b2b2b2 1px 2px 0;
}
.leixing {
    margin-right: 1px;
    color: #fff;
    font-weight: 700;
}
.yclx {
    padding: 2px 10px;
    border-radius: 2px;
    background: #ff0000;
    font-size: 14px;
}
.js-cuibtn {
    width: 100%;
    text-align: center;
    display: none;
}
.biaodan-pro {
    display: none;
}
@media (max-width: 1280px) {
    .agent-body {
        display: none;
    }
    .biaodan-pro {
        display: block;
    }
    .biaodan-pro {
        color: #fff;
        position: relative;
        background: #0064c7;
        height: 80px;
        width: 100%;
        border-radius: 10px;
        margin: 20px auto;
        padding: 5px 10px;
        margin-top: 0px;
    }
    .biaodan-pro .tuicon {
        font-size: 3em;
        color: #fff;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: 0;
        opacity: .3
    }
    .biaodan-pro h3 {
        /* font-size: 1em; */
        padding: 0;
        font-size: 16px;
        margin-top: 12px;
    }
    .biaodan-pro h4 {
        font-size: 12px;
        font-size: 14px;
        /* margin-top: 12px; */
    }
    .biaodan-pro h3, .biaodan-pro h4 {
        color: #fff;
        /* font-size: 16px; */
    }
    .biaodan-pro a {
        display: block;
        width: 25%;
        position: absolute;
        right: 5%;
        background: #fff;
        padding: 10px;
        top: 50%;
        border-radius: 50px;
        margin-top: -20px;
        font-size: 15px;
        font-weight: 500;
        color: #0064c7 !important;
        text-align: center
    }
    .biaodan-pro a i {
        display: inline-block;
        font-size: 15px;
        margin-left: 5px
    }
    .swiper-fixed-banner .backdropbg {
        width: 100%;
    }
    .main-im {
        display: none;
    }
}
.h2_1{
    width: 30px;
    height: 30px;
    background-color: #7eacf8;
    border-radius:50%;
    float: left;
    color: #3e3e3e;
    line-height: 5;
    font-size: 16px;
    margin-top: -5px;
}
.h2_2{
    font-size:16px;
    color:#fefefe;
    letter-spacing:1px;
    text-align:center;
    line-height: 30px;
    margin-left:0px;
}
.h2_3{
    width:20px;
    margin-right:5px;
    float: left;
    color: #3e3e3e;
    line-height: 2;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 5px;
}
.h2_3 img{
    display:block;width:100%;
}
.h2_2 p{
    margin-left: 0px;
    padding: 0px;
    /* padding-left: 2px; */
    /* padding-bottom: 5px; */
    line-height: 30px;
}
.ndivContent ul{
    overflow: auto;
    margin: 10px;
    /* display: flex; */
    flex-grow: 1;
}
.ndivContent li{
    background: #d5e2ff;
    float: left;
    font-size: 15px;
    padding: 5px 10px;
    margin: 0 0 10px 10px;
    border-radius: 5px;
    border: 1px #adcbfd solid;
    line-height: 26px;
    /* display: flex; */
    flex-grow: 1;
}
.linkBox .link-item:hover{
    /* background: #0064c7 !important; */
    /* color: white; */
}
@media (max-width: 1280px) {
    .biomice1 img {
        width: 100%!important;
        display: block;
    }
}
.same-btn {
    text-decoration: none;
    display: inline-block;
    border: #2285ee solid 1px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    margin: 0 6px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: .15s;
    color: #2285ee;
    font-weight: 400;
}
.same-btn:hover {
    background: #2285ee;
    color: #fff;
}
.map-wrapper {
    background: #fff;
    border: #e0e0e0 solid 1px;
    /* margin-top: 40px; */
}
.map-wrapper>p:first-child {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: #e0e0e0 solid 1px;
    text-align: center;
    padding: 0px 0;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 700;
    background: #fafafa;
    color: #1a56b5;
}
.map-box {
    width: 900px;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
}
.multiple-button {
    text-align: center;
}
.multiple-button button {
    width: 230px;
    height: 36px
}
.multiple-button p {
    margin: 18px 0;
    font-size: 18px;
    font-weight: bold;
}
#hover-callback,
#click-callback {
    text-align: center;
    display: block;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
@media (max-width: 1280px) {
    .map-wrapper {
        display: none;
    }
    .x-footer{
        margin-bottom: -20px;
    }
}
.linkBox{
    display: flex;
}
.linkBox a{
    flex-grow:1;
}
@media (max-width: 1280px) {
    .linkBox{
        display: block;
    }
}
.link-item {
    white-space: nowrap;
    background-color: #d5e2ff !important;
    border: 1px solid #0064c7 !important;
    margin: 3px !important;
    padding: 5px 20px !important;
    overflow: hidden;
    display: flex;
    text-align: center;
    font-weight: 700;
    font-size: 16px !important;
}
@media (max-width: 1280px) {
    .link-item {
        float: left !important;
        display: table-cell;
        white-space: nowrap;
        font-size: 16px;
        text-align: center;
        /* border-bottom: 3px solid transparent !important; */
        cursor: pointer;
        position: relative;
        margin: 5px !important;
        padding: 5px 1px !important;
        padding: 0% 1% !important;
        width: 46% !important;
        border: 1px solid #0064c7;
        margin-top: 5px !important;
        margin-bottom: -1px;
        margin-top: -1px;
        margin-left: -1px;
        margin-right: -1px;
        border-radius: 10px;
    }
    .linkBox a:first-child {
        width: 100%;
    }
    .linkBox a:last-child {
        border-right: 0px;
        display: block;
    }
    .normal2 a,.selected2 a {
        font-size: 15px;
    }
}
/*   .link-item {*/
/*    border-right: 0px;*/
/*display: none !important; */
/*    background: #dfefff;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    padding: 0 !important;*/
/*    margin: 0 auto !important;*/
/*    border-radius: 5px;*/
/*    border: 0 !important;*/
/*    width: 100%;*/
/*    float: none !important;*/
/*    text-align: center;*/
/*    margin: 0 auto !important;*/
/*}*/
.link-item:hover {
    background: #0064c7 !important;
    color: white;
}
.box_l{
    display: none;
}
.nrlogo{
    width: 50%;
    margin: 0 auto;
}
@media (max-width: 1280px) {
    .map-wrapper {
        display: none;
    }
    .jcxm-contact-box {
        display: none;
    }
}
.jcxm-contact-box {
    text-align: center;
    margin: 10px auto 10px;
}
.jcxm-contact-box .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    /* border: 1px solid #0064c7; */
}
.jcxm-contact-box .search-box .icon {
    width: 50px;
    height: 50px;
    background-color: #fe6a00;
    border-radius: 12px;
}
.jcxm-contact-box .search-box .search-input {
    margin-left: 20px;
    width: 60%;
    height: 50px;
    line-height: 50px;
    background-color: #ffdac099;
    border-radius: 12px;
    padding: 0;
    padding: 0 15px;
    font-size: 16px;
    color: #767676;
    text-align: left;
    /* border: 1px solid #0064c7; */
}
.jcxm-contact-box .search-box .search-input .hlight {
    color: #fe6a00;
}
.jcxm-contact-box .search-box .btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ffe9d9;
    border-radius: 12px;
    font-size: 32px;
    color: #888;
    margin-left: 20px;
    background-image: url(/images/arrow.png);
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: center;
    /* border: 1px solid #0064c7; */
}
.jcxm-contact-box .search-box:hover .btn {
    color: #65BD73;
    background-image: url(/images/arrow_hover.png);
}
.icon a img{
    width: 100%!important;
}
.linkBox{
    display: flex;
}
.linkBox a{
    flex-grow:1;
}
@media (max-width: 1800px) {
    .jcxm-contact-box .search-box .search-input {
        font-size: 12px;
    }
}
@media (max-width: 1505px) {
    .jcxm-contact-box .search-box .search-input {
        font-size: 12px;
        width: 80%;
    }
}
@media (max-width: 1280px) {
    .linkBox{
        display: block;
    }
}
.zxicon{
    width: 100% !important;
}
.jcxmts {
    background-color: #e0e9fac9 !important;
    border: 1px;
    box-shadow: 0 0 5px rgb(8 122 193 / 89%);
    text-align: center;
    line-height: 25px !important;
    font-size: 14px !important;
    color: #0064c7;
    padding: 1px !important;
    margin-top: 5px !important;
}
.jcxmtszx{
    color: #0064c7 !important;
}
.linkBox a:last-child{
    display: none;
}
.nrlogo img{
    width: 100%;
}
@media (max-width: 750px) {
    .ndivContent h2{
        font-size: 20px;
    }
}
.fc-bimg1 object,.fc-bimg2 object{
    width: 25px;
    height: 25px;
}
.fc-e object{width: 35px;height: 35px;margin-bottom: 5px;}
.topzixun object{
    width: 30px;
    height: 30px;
}
.yjs51std {
    border: 1px solid #a7a7a7;
    margin-bottom: 10px;
    background-color: #dbeafc;
    margin: 15px;
}

.yjs51std li {
    line-height: 30px !important;
    font-size: 14px !important;
    padding: 0 !important;
    color: #090909;
    background: none;
    border: none;
    float: none;
    list-style: none;
    /* border-bottom: 1px solid #a7a7a7; */
    /* overflow: hidden; */
    margin: 0 0 5px 5px !important;
    height: 30px;
}

.yjs51std span {
    float: left;
    width: 120px;
    overflow: hidden;
    line-height: 30px;
}

.yjs51std li dt {
    float: right;
    width: 550px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    font-weight: 400;
    margin-right: 40px;
}

.yjs51std ul {
    padding: 0 30px 0 0px !important;
    /* margin: 5px; */
    /* padding-top: 0px; */
}

.yjs51std li dd {
    float: left;
    width: 420px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    font-weight: 500;
}

.yjs51std p {
    font-size: 14px !important;
    padding: 0 !important;
    color: #666666;
    background: none;
    border: none;
    float: none;
    list-style: none;
    line-height: 30px;
    margin-bottom: 10px;
    color: #090909 !important;
    padding-left: 15px;
    margin: 5px 20px !important;
    border-bottom: 1px solid #ffffff !important;
}

.yjs51std h3 {
    /* margin: 0 auto; */
    margin-top: 5px;
    padding-top: 5px;
    /* padding: 5px 3px; */
    font-size: 18px;
    color: #090909;
    text-align: center;
}

.yjs51stdspan {
    width: 120px !important;
}

@media (max-width: 750px) {
    .yjs51std li dl dd, .yjs51std li dl dt {
        width: 100% !important;
    }

    .yjs51std ul {
        padding: 0 10px !important;
    }

    .view li {
        font-size: 14px !important;
        padding: 5px !important;
    }
}


.yjs51std {
    border: 1px solid #a7a7a7;
    margin-bottom: 10px;
    background-color: #dbeafc;
    margin: 15px;
}

.yjs51std li {
    line-height: 30px !important;
    font-size: 14px !important;
    padding: 0 !important;
    color: #090909;
    background: none;
    border: none;
    float: none;
    list-style: none;
    /* border-bottom: 1px solid #a7a7a7; */
    /* overflow: hidden; */
    margin: 0 0 5px 5px !important;
    height: 30px;
}

.yjs51std span {
    float: left;
    width: 120px;
    overflow: hidden;
    line-height: 30px;
}

.yjs51std li dt {
    float: right;
    width: 550px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    font-weight: 400;
    margin-right: 40px;
}

.yjs51std ul {
    padding: 0 30px 0 0px !important;
    /* margin: 5px; */
    /* padding-top: 0px; */
}

.yjs51std li dd {
    float: left;
    width: 420px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    font-weight: 500;
}

.yjs51std p {
    font-size: 14px !important;
    padding: 0 !important;
    color: #666666;
    background: none;
    border: none;
    float: none;
    list-style: none;
    line-height: 30px;
    margin-bottom: 10px;
    color: #090909 !important;
    padding-left: 15px;
    margin: 5px 20px !important;
    border-bottom: 1px solid #ffffff !important;
}

.yjs51std h3 {
    /* margin: 0 auto; */
    margin-top: 5px;
    padding-top: 5px;
    /* padding: 5px 3px; */
    font-size: 18px;
    color: #090909;
    text-align: center;
}

.yjs51stdspan {
    width: 120px !important;
}

@media (max-width: 750px) {
    .yjs51std li dl dd, .yjs51std li dl dt {
        width: 100% !important;
    }

    .yjs51std ul {
        padding: 0 10px !important;
    }

    .view li {
        font-size: 14px !important;
        padding: 5px !important;
    }
}

.zztb{
    width: 40%;
    padding: 3px;
    margin-top: 5px;
}
.zztb:first-child{
margin-right: 10%;
    margin-left: 10%;
    
}    


/*.dbhf{*/
/*    display: none;*/
/*}*/


 /* 检测项目样式 - 限定在.content-body内 */
 /*       .content-body .xmcsli {*/
 /*           list-style: none;*/
 /*           padding: 0;*/
 /*           margin: 0;*/
 /*           display: grid;*/
 /*           grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));*/
 /*           gap: 18px;*/
 /*       }*/
        
 /*       .content-body .xmcsli li {*/
 /*           background: #f8fbff;*/
 /*           padding: 20px 25px 20px 65px;*/
 /*           border-radius: 10px;*/
 /*           position: relative;*/
 /*           transition: all 0.3s ease;*/
 /*           border: 1px solid #dbe9ff;*/
 /*           color: #445d76;*/
 /*           font-size: 16.5px font-size: 16.5px;*/
 /*           line-height: 1.7;*/
 /*       }*/
        
 /*       .content-body .xmcsli li:hover {*/
 /*           transform: translateY(-5px);*/
 /*           box-shadow: 0 12px 25px rgba(44, 106, 160, 0.15);*/
 /*           background: #ffffff;*/
 /*           border-color: #a8caf9;*/
 /*       }*/
        
 /*       .content-body .xmcsli li::before {*/
 /*           content: '';*/
 /*           position: absolute;*/
 /*           left: 20px;*/
 /*           top: 23px;*/
 /*           width: 28px;*/
 /*           height: 28px;*/
 /*           border-radius: 50%;*/
 /*           display: flex;*/
 /*           align-items: center;*/
 /*           justify-content: center;*/
 /*           font-weight: bold;*/
 /*           font-size: 16px;*/
 /*           background: #2c6aa0;*/
 /*           color: white;*/
 /*       }*/
        
        /* 检测范围样式 - 限定在.content-body内 */
 /*       .content-body > ul:not(.xmcsli) {*/
 /*           list-style: none;*/
 /*           padding: 0;*/
 /*           margin: 0;*/
 /*           display: flex;*/
 /*           flex-wrap: wrap;*/
 /*           gap: 15px;*/
 /*       }*/
        
 /*       .content-body > ul:not(.xmcsli) li {*/
 /*           background: linear-gradient(135deg, #e6f2ff 0%, #d4e7ff 100%);*/
 /*           padding: 15px 25px;*/
 /*           border-radius: 30px;*/
 /*           transition: all 0.3s ease;*/
 /*           border: 1px solid #c2dcff;*/
 /*           color: #2c6aa0;*/
 /*           font-size: 16px;*/
 /*           font-weight: 500;*/
 /*           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);*/
 /*       }*/
        
 /*       .content-body > ul:not(.xmcsli) li:hover {*/
 /*           transform: translateY(-5px);*/
 /*           box-shadow: 0 8px 20px rgba(44, 106, 160, 0.2);*/
 /*           background: linear-gradient(135deg, #d4e7ff 0%, #c2dcff 100%);*/
 /*           border-color: #2c6aa0;*/
 /*       }*/
        
          /* 响应式设计 */
 /*       @media (max-width: 1100px) {*/
 /*           .content-body .xmcsli {*/
 /*               grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));*/
 /*           }*/
 /*       }*/
        
 /*       @media (max-width: 900px) {*/
 /*           .content-body .xmcsli {*/
 /*               grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));*/
 /*           }*/
 /*       }*/
        
 /*       @media (max-width: 768px) {*/
            
 /*           .content-body .xmcsli {*/
 /*               grid-template-columns: 1fr;*/
 /*           }*/
 /*       }*/
        
 /*       @media (max-width: 480px) {*/
 /*           .content-body .xmcsli li {*/
 /*               padding: 18px 20px 18px 55px;*/
 /*               font-size: 15.5px;*/
 /*           }*/
            
 /*           .content-body .xmcsli li::before {*/
 /*               left: 15px;*/
 /*               top: 19px;*/
 /*               width: 24px;*/
 /*               height: 24px;*/
 /*           }*/
            
 /*           .content-body > ul:not(.xmcsli) li {*/
 /*               padding: 12px 20px;*/
 /*               font-size: 15px;*/
 /*           }*/
 /*       }*/